fix: enable Biome CSS tailwindDirectives for @apply parsing

- Add css.parser.tailwindDirectives to biome config
- Auto-format CSS files with new parser settings

packages/config/biome.json

@@ -56,6 +56,12 @@
       "semicolons": "always"
     }
   },
+  "css": {
+    "parser": {
+      "cssModules": true,
+      "tailwindDirectives": true
+    }
+  },
   "overrides": [
     {
       "includes": ["**/*.test.ts", "**/*.test.tsx", "**/*.spec.ts", "**/*.spec.tsx"],

packages/storybook/styles/globals.css

@@ -135,14 +135,17 @@
   body {
     @apply bg-background text-foreground;
     font-family: var(--font-sans);
-    font-feature-settings: "rlig" 1, "calt" 1;
+    font-feature-settings:
+      "rlig" 1,
+      "calt" 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
   }
 
   /* Grid/Blueprint background patterns */
   .grid-background {
-    background-image: linear-gradient(hsl(var(--grid-color)) 1px, transparent 1px),
+    background-image:
+      linear-gradient(hsl(var(--grid-color)) 1px, transparent 1px),
       linear-gradient(90deg, hsl(var(--grid-color)) 1px, transparent 1px);
     background-size: var(--grid-size) var(--grid-size);
     background-position: -1px -1px;
@@ -156,13 +159,16 @@
   .blueprint-background {
     background-color: hsl(var(--background));
     /* Major grid lines (4x size) */
-    background-image: linear-gradient(hsl(var(--grid-color)) 1px, transparent 1px),
+    background-image:
+      linear-gradient(hsl(var(--grid-color)) 1px, transparent 1px),
       linear-gradient(90deg, hsl(var(--grid-color)) 1px, transparent 1px),
       /* Minor grid lines (1x size) */
       linear-gradient(hsl(var(--grid-color) / 0.3) 1px, transparent 1px),
       linear-gradient(90deg, hsl(var(--grid-color) / 0.3) 1px, transparent 1px);
-    background-size: calc(var(--grid-size) * 4) calc(var(--grid-size) * 4),
-      calc(var(--grid-size) * 4) calc(var(--grid-size) * 4), var(--grid-size) var(--grid-size),
+    background-size:
+      calc(var(--grid-size) * 4) calc(var(--grid-size) * 4),
+      calc(var(--grid-size) * 4) calc(var(--grid-size) * 4),
+      var(--grid-size) var(--grid-size),
       var(--grid-size) var(--grid-size);
   }