From 28cd42f207ebb5547d325c4e8db27fce0b4e23a5 Mon Sep 17 00:00:00 2001
From: R0m1k3 <michaelschal@gmail.com>
Date: Thu, 12 Feb 2026 12:32:41 +0100
Subject: [PATCH] fix(build): migrate to @tailwindcss/vite and remove
 conflicting postcss config

---
 web/package-lock.json | 16 ++++++++++++++++
 web/package.json      |  3 ++-
 web/postcss.config.js |  6 ------
 web/vite.config.ts    |  2 ++
 4 files changed, 20 insertions(+), 7 deletions(-)
 delete mode 100644 web/postcss.config.js

diff --git a/web/package-lock.json b/web/package-lock.json
index 0dada84..9f2a2fe 100644
--- a/web/package-lock.json
+++ b/web/package-lock.json
@@ -21,6 +21,7 @@
       "devDependencies": {
         "@eslint/js": "^9.39.1",
         "@tailwindcss/postcss": "^4.1.18",
+        "@tailwindcss/vite": "^4.1.18",
         "@types/node": "^24.10.1",
         "@types/react": "^19.2.5",
         "@types/react-dom": "^19.2.3",
@@ -2143,6 +2144,21 @@
         "tailwindcss": "4.1.18"
       }
     },
+    "node_modules/@tailwindcss/vite": {
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/vite/-/vite-4.1.18.tgz",
+      "integrity": "sha512-jVA+/UpKL1vRLg6Hkao5jldawNmRo7mQYrZtNHMIVpLfLhDml5nMRUo/8MwoX2vNXvnaXNNMedrMfMugAVX1nA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@tailwindcss/node": "4.1.18",
+        "@tailwindcss/oxide": "4.1.18",
+        "tailwindcss": "4.1.18"
+      },
+      "peerDependencies": {
+        "vite": "^5.2.0 || ^6 || ^7"
+      }
+    },
     "node_modules/@tanstack/query-core": {
       "version": "5.90.20",
       "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-5.90.20.tgz",
diff --git a/web/package.json b/web/package.json
index 02b49ca..7f646fa 100644
--- a/web/package.json
+++ b/web/package.json
@@ -23,6 +23,7 @@
   "devDependencies": {
     "@eslint/js": "^9.39.1",
     "@tailwindcss/postcss": "^4.1.18",
+    "@tailwindcss/vite": "^4.1.18",
     "@types/node": "^24.10.1",
     "@types/react": "^19.2.5",
     "@types/react-dom": "^19.2.3",
@@ -42,4 +43,4 @@
   "optionalDependencies": {
     "@rollup/rollup-linux-x64-musl": "^4.2.0"
   }
-}
\ No newline at end of file
+}
diff --git a/web/postcss.config.js b/web/postcss.config.js
deleted file mode 100644
index d0ec925..0000000
--- a/web/postcss.config.js
+++ /dev/null
@@ -1,6 +0,0 @@
-export default {
-    plugins: {
-        '@tailwindcss/postcss': {},
-        autoprefixer: {},
-    },
-}
diff --git a/web/vite.config.ts b/web/vite.config.ts
index d9f9517..43e956d 100644
--- a/web/vite.config.ts
+++ b/web/vite.config.ts
@@ -1,11 +1,13 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
+import tailwindcss from '@tailwindcss/vite'
 import { VitePWA } from 'vite-plugin-pwa'
 
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [
     react(),
+    tailwindcss(),
     VitePWA({
       registerType: 'autoUpdate',
       includeAssets: ['favicon.svg', 'robots.txt', 'apple-touch-icon.png'],