Update tailwind to v4 + bump deps

Author: sibiraj-s

.husky/commit-msg

@@ -1,4 +1 @@
-#!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
-
 npx --no -- commitlint --edit $1

.husky/pre-commit

@@ -1,4 +1 @@
-#!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
-
 npx --no -- lint-staged

.husky/pre-push

@@ -1,6 +1,3 @@
-#!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
-
 npm run test -- --run
 
 echo "publint:"

.storybook/preview.ts

@@ -1,6 +1,6 @@
 import type { Preview } from '@storybook/react';
 
-import './tailwind.css';
+import '../tailwind.css';
 
 const preview: Preview = {
   parameters: {

.storybook/tailwind.css

@@ -40,41 +40,42 @@
     "react": ">=16.8.0"
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.3.0",
-    "@rollup/plugin-typescript": "^11.1.6",
-    "@storybook/addon-essentials": "^8.1.10",
-    "@storybook/addon-interactions": "^8.1.10",
-    "@storybook/addon-links": "^8.1.10",
-    "@storybook/blocks": "^8.1.10",
-    "@storybook/manager-api": "^8.1.10",
-    "@storybook/react": "^8.1.10",
-    "@storybook/react-vite": "^8.1.10",
-    "@storybook/theming": "^8.1.10",
-    "@tailwindcss/forms": "^0.5.7",
-    "@testing-library/react": "^16.0.0",
-    "@vitejs/plugin-react": "^4.3.1",
-    "@vitest/coverage-v8": "^1.6.0",
-    "autoprefixer": "^10.4.19",
+    "@commitlint/cli": "^19.7.1",
+    "@rollup/plugin-typescript": "^12.1.2",
+    "@storybook/addon-essentials": "^8.5.3",
+    "@storybook/addon-interactions": "^8.5.3",
+    "@storybook/addon-links": "^8.5.3",
+    "@storybook/blocks": "^8.5.3",
+    "@storybook/manager-api": "^8.5.3",
+    "@storybook/react": "^8.5.3",
+    "@storybook/react-vite": "^8.5.3",
+    "@storybook/theming": "^8.5.3",
+    "@tailwindcss/forms": "^0.5.10",
+    "@tailwindcss/postcss": "^4.0.3",
+    "@testing-library/react": "^16.2.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "@vitest/coverage-v8": "^3.0.5",
     "commitlint-config-non-conventional": "^1.0.1",
-    "eslint": "^8.57.0",
+    "eslint": "^8.57.1",
     "eslint-config-pegasus": "^5.0.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-storybook": "^0.8.0",
-    "happy-dom": "^15.10.1",
-    "husky": "^9.0.11",
-    "is-ci": "^3.0.1",
-    "lint-staged": "^15.2.7",
-    "postcss": "^8.4.38",
+    "happy-dom": "^16.8.1",
+    "husky": "^9.1.7",
+    "is-ci": "^4.1.0",
+    "lint-staged": "^15.4.3",
+    "postcss": "^8.5.1",
     "postcss-loader": "^8.1.1",
-    "publint": "^0.2.8",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "rollup": "^4.18.0",
-    "storybook": "^8.1.10",
-    "tailwindcss": "^3.4.4",
-    "typescript": "^5.5.2",
-    "vite": "^5.3.1",
-    "vite-plugin-svgr": "^4.2.0",
-    "vitest": "^1.6.0"
+    "prettier": "^3.4.2",
+    "publint": "^0.2.12",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "rollup": "^4.34.2",
+    "storybook": "^8.5.3",
+    "tailwindcss": "^4.0.3",
+    "typescript": "^5.7.3",
+    "vite": "^6.0.11",
+    "vite-plugin-svgr": "^4.3.0",
+    "vitest": "^3.0.5"
   }
 }

package-lock.json

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

package.json

@@ -0,0 +1,3 @@
+@import "tailwindcss";
+
+@plugin '@tailwindcss/forms';