chore: move to tailwind v4

package.json

@@ -15,13 +15,10 @@
     "@odit/license-exporter": "0.2.0",
     "@sveltejs/vite-plugin-svelte": "2.1.1",
     "auto-changelog": "2.5.0",
-    "autoprefixer": "10.4.21",
-    "postcss": "8.5.3",
     "prettier": "3.5.3",
     "prettier-plugin-svelte": "3.3.3",
     "release-it": "17.10.0",
     "svelte-select": "3.17.0",
-    "tailwindcss": "3.4.15",
     "vite": "4.3.3"
   },
   "release-it": {
@@ -45,6 +42,7 @@
     "@fontsource/athiti": "^5.2.5",
     "@odit/lfk-client-js": "1.2.4",
     "@paralleldrive/cuid2": "2.2.2",
+    "@tailwindcss/vite": "^4.1.4",
     "@tanstack/svelte-table": "8.9.1",
     "bwip-js": "3.4.0",
     "check-password-strength": "2.0.10",
@@ -55,6 +53,7 @@
     "svelte": "3.58.0",
     "svelte-french-toast": "1.2.0",
     "svelte-i18n": "3.6.0",
+    "tailwindcss": "^4.1.4",
     "tinro": "0.6.12",
     "validator": "13.15.0",
     "xlsx": "0.18.5"

postcss.config.cjs

@@ -1,6 +0,0 @@
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};

src/style.css

@@ -1,10 +1,9 @@
-@tailwind base;
+@import "tailwindcss";
-@tailwind components;
+
 .activenav {
-  @apply bg-gray-300;
+	@apply bg-gray-300;
-  @apply text-black;
+	@apply text-black;
 }
 * {
-  font-family: Athiti;
+	font-family: Athiti;
 }
-@tailwind utilities;

tailwind.config.cjs

@@ -1,16 +0,0 @@
-module.exports = {
-  darkMode: 'selector',
-  mode: "jit",
-  content: ["./src/**/*.svelte"],
-  theme: {
-    extend: {
-      colors: {
-        reepolee: {
-          500: "#b40000",
-          600: "#9c0000",
-          700: "#750000",
-        },
-      },
-    },
-  },
-};

vite.config.js

@@ -1,11 +1,8 @@
 // vite.config.js
 import { defineConfig } from "vite";
 import { svelte } from "@sveltejs/vite-plugin-svelte";
+import tailwindcss from "@tailwindcss/vite";
 
 export default defineConfig({
-  plugins: [
+	plugins: [svelte(), tailwindcss()],
-    svelte({
-      /* plugin options */
-    }),
-  ],
 });