Revert Update to tailwind v4

Author: severinlandolt

.storybook/preview.ts

@@ -1,39 +1,39 @@
-import type { Preview } from "@storybook/react"
-import { themes } from "@storybook/theming"
+import type { Preview } from "@storybook/react";
+import { themes } from "@storybook/theming";
 
-import "../src/index.css"
+import "../src/globals.css";
 
 const preview: Preview = {
-  parameters: {
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/i,
-      },
-    },
-    docs: {
-      theme: window.matchMedia("(prefers-color-scheme: dark)").matches
-        ? themes.dark
-        : themes.light,
-    },
-    backgrounds: {
-      default: "white",
-      values: [
-        {
-          name: "white",
-          value: "#ffffff",
-        },
-        {
-          name: "gray 950",
-          value: "#030712",
-        },
-        {
-          name: "gray 900",
-          value: "#111827",
-        },
-      ],
-    },
-  },
-}
+	parameters: {
+		controls: {
+			matchers: {
+				color: /(background|color)$/i,
+				date: /Date$/i,
+			},
+		},
+		docs: {
+			theme: window.matchMedia("(prefers-color-scheme: dark)").matches
+				? themes.dark
+				: themes.light,
+		},
+		backgrounds: {
+			default: "white",
+			values: [
+				{
+					name: "white",
+					value: "#ffffff",
+				},
+				{
+					name: "gray 950",
+					value: "#030712",
+				},
+				{
+					name: "gray 900",
+					value: "#111827",
+				},
+			],
+		},
+	},
+};
 
-export default preview
+export default preview;

package.json

@@ -58,21 +58,21 @@
     "@storybook/blocks": "^8.6.11",
     "@storybook/react": "^8.6.11",
     "@storybook/react-vite": "^8.6.11",
+    "@tailwindcss/postcss": "^4.1.3",
     "@types/node": "^22.13.14",
     "@types/react": "^18.3.20",
     "@types/react-dom": "^18.3.5",
     "@typescript-eslint/eslint-plugin": "^8.28.0",
     "@typescript-eslint/parser": "^8.28.0",
     "@vitejs/plugin-react": "^4.3.4",
-    "autoprefixer": "^10.4.21",
     "eslint": "^8.57.1",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.19",
     "eslint-plugin-storybook": "^0.11.6",
     "postcss": "^8.5.3",
     "prettier": "3.3.3",
     "storybook": "^8.6.11",
-    "tailwindcss": "^3.4.17",
+    "tailwindcss": "^4.1.3",
     "typescript": "^5.8.2",
     "vite": "^5.4.15",
     "vite-tsconfig-paths": "^5.1.4",