fix(www): add openPropsTokenSheet to islands missing theme tokens

- shoelace-showcase: add openPropsTokenSheet for dark mode theme switching - reactive-showcase: add openPropsTokenSheet for dark mode theme switching - less-term: add openPropsTokenSheet for dark mode theme switching - less-toc: add openPropsTokenSheet for dark mode theme switching- react-showcase and media-chrome-showcase use custom base classes (WithDsdHydration, MediaChromeBase) and require separate theme integration.

Author: lessjs-bot

www/app/islands/less-term.ts

@@ -13,6 +13,7 @@
  * Pure DsdElement - zero Lit dependency.
  */
 import { DsdElement, html, signal, StyleSheet } from '@lessjs/runtime';
+import { openPropsTokenSheet } from '@lessjs/ui/open-props-tokens';
 
 const styles = new StyleSheet();
 styles.replaceSync(`
@@ -75,7 +76,7 @@ styles.replaceSync(`
 `);
 
 export class LessTermDemo extends DsdElement {
-  static override styles = styles;
+  static override styles = [openPropsTokenSheet, styles];
 
   /** Command history (signal for consistency with reactive DSD pattern). */
   #cmdHistory = signal<string[]>([]);

www/app/islands/less-toc.ts

@@ -10,6 +10,7 @@
  *   _updateDOM() removed; signals auto-trigger re-render via _patchBindings().
  */
 import { DsdElement, html, signal, StyleSheet } from '@lessjs/runtime';
+import { openPropsTokenSheet } from '@lessjs/ui/open-props-tokens';
 
 export const tagName = 'less-toc';
 
@@ -67,7 +68,7 @@ styles.replaceSync(`
 `);
 
 export default class LessToc extends DsdElement {
-  static override styles = styles;
+  static override styles = [openPropsTokenSheet, styles];
 
   /** Reactive headings list. Signal writes trigger _patchBindings() → re-render. */
   #headings = signal<Array<{ level: number; id: string; text: string }>>([]);

www/app/islands/reactive-showcase.ts

@@ -10,6 +10,7 @@
  * Replaces Lit Island pattern with Ocean (DsdElement) reactivity.
  */
 import { computed, DsdElement, html, signal, StyleSheet } from '@lessjs/runtime';
+import { openPropsTokenSheet } from '@lessjs/ui/open-props-tokens';
 
 export const tagName = 'reactive-showcase';
 
@@ -78,7 +79,7 @@ const FRAMEWORKS = [
 ];
 
 export default class ReactiveShowcase extends DsdElement {
-  static override styles = showcaseStyles;
+  static override styles = [openPropsTokenSheet, showcaseStyles];
 
   #count = signal(0);
   #isDark = signal(false);

www/app/islands/shoelace-showcase.ts

@@ -8,6 +8,7 @@
  * @lessjs/app island - Shoelace WCs need client DOM, but static wrapper renders via DSD.
  */
 import { DsdElement, html, StyleSheet } from '@lessjs/runtime';
+import { openPropsTokenSheet } from '@lessjs/ui/open-props-tokens';
 import '@shoelace-style/shoelace/dist/themes/light.css';
 
 // Explicit component imports to prevent Rolldown tree-shaking.
@@ -58,7 +59,7 @@ styles.replaceSync(`
 `);
 
 export default class ShoelaceShowcase extends DsdElement {
-  static override styles = styles;
+  static override styles = [openPropsTokenSheet, styles];
 
   override render() {
     return html`