update dependencies

Author: thebuilder

biome.json

@@ -4,6 +4,11 @@
     "enabled": true,
     "indentStyle": "space"
   },
+  "css": {
+    "parser": {
+      "tailwindDirectives": true
+    }
+  },
   "linter": {
     "enabled": true,
     "rules": {

pnpm-lock.yaml

@@ -1,5 +1,5 @@
 import { themes } from "storybook/theming";
-import "tailwindcss/tailwind.css";
+import "../styles.css";
 
 export const parameters = {
   controls: {

storybook/.storybook/preview.ts

@@ -15,11 +15,12 @@
   },
   "license": "MIT",
   "dependencies": {
-    "framer-motion": "^11.15.0",
+    "@tailwindcss/postcss": "^4.1.16",
+    "framer-motion": "^12.23.24",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "react-intersection-observer": "workspace:*",
-    "tailwindcss": "^3.4.17"
+    "tailwindcss": "^4.1.16"
   },
   "devDependencies": {
     "@biomejs/biome": "^2.3.1",
@@ -32,7 +33,6 @@
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19.2.2",
     "@vitejs/plugin-react": "^5.1.0",
-    "autoprefixer": "^10.4.21",
     "postcss": "^8.5.6",
     "storybook": "9.1.15",
     "typescript": "^5.9.3",

storybook/package.json

@@ -1,6 +1,5 @@
 module.exports = {
   plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
+    "@tailwindcss/postcss": {},
   },
 };

storybook/postcss.config.js

@@ -0,0 +1 @@
+@import "tailwindcss";