fix(storybook): wire Tailwind v4 theme into Storybook preview

- Split globals.css into globals.css + theme.css so Storybook can
  import design tokens without the @import "tailwindcss" directive
  that breaks Vite's preview module loading
- Prepend @tailwindcss/vite plugin for correct processing order
- Add @source to scan core-ui components for utility class generation

apps/storybook/.storybook/css.d.ts

@@ -0,0 +1 @@
+declare module "*.css";

apps/storybook/.storybook/main.ts

@@ -8,12 +8,9 @@ const config: StorybookConfig = {
     autodocs: "tag",
   },
   async viteFinal(config) {
-    const { mergeConfig } = await import("vite");
     const tailwindPlugin = await import("@tailwindcss/vite");
-
-    return mergeConfig(config, {
-      plugins: [tailwindPlugin.default()],
-    });
+    config.plugins = [tailwindPlugin.default(), ...(config.plugins || [])];
+    return config;
   },
 };
 

apps/storybook/.storybook/preview.ts

@@ -1,3 +1,4 @@
+import "./storybook.css";
 import type { Preview } from "@storybook/react";
 
 const preview: Preview = {

apps/storybook/.storybook/storybook.css

@@ -0,0 +1,4 @@
+@import "tailwindcss";
+@source "../../../packages/core-ui/src";
+
+@import "../../../packages/core-ui/src/styles/theme.css";

apps/storybook/tsconfig.json

@@ -5,6 +5,12 @@
       "@/*": ["./src/*"]
     }
   },
-  "include": ["src/**/*.ts", "src/**/*.tsx", "*.ts", "*.tsx"],
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    ".storybook/**/*.ts",
+    "*.ts",
+    "*.tsx"
+  ],
   "exclude": ["node_modules"]
 }