test(ui): a component with no stylesheet reads the theme's :root variables

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

examples/library/ui_theme_parts/Bare.ludic

@@ -0,0 +1,3 @@
+# Bare.ludic - a component with no stylesheet: it reads the theme's variables from where it is used
+component Bare {
+}

examples/library/ui_theme_parts/Bare.xml

@@ -0,0 +1,4 @@
+<div style="gap: var(--gap)">
+  <p style="color: var(--accent)">hot</p>
+  <p>plain</p>
+</div>

examples/library/ui_theme_parts/Shell.lss

@@ -0,0 +1,2 @@
+@import "theme.lss";
+.shell { width: 300px }

examples/library/ui_theme_parts/Shell.ludic

@@ -0,0 +1,3 @@
+# Shell.ludic - a screen whose sheet imports the theme, around a component with no sheet of its own
+component Shell {
+}

examples/library/ui_theme_parts/Shell.xml

@@ -0,0 +1,3 @@
+<div class="shell">
+  <Bare/>
+</div>

examples/library/ui_theme_parts/theme.lss

@@ -0,0 +1 @@
+:root { --accent: #ff0000; --gap: 7px }