chore: upgrade tailwind to v4

frontend/package.json

@@ -95,7 +95,7 @@
     "pinia": "3.0.3",
     "register-service-worker": "1.7.2",
     "sortablejs": "1.15.6",
-    "tailwindcss": "3.4.17",
+    "tailwindcss": "4.1.8",
     "tippy.js": "6.3.7",
     "ufo": "1.6.1",
     "vue": "3.5.17",
@@ -125,7 +125,7 @@
     "@vue/eslint-config-typescript": "14.5.1",
     "@vue/test-utils": "2.4.6",
     "@vue/tsconfig": "0.7.0",
-    "autoprefixer": "10.4.21",
+    "@tailwindcss/vite": "4.1.8",
     "browserslist": "4.25.0",
     "caniuse-lite": "1.0.30001724",
     "csstype": "3.1.3",

frontend/src/styles/global.scss

@@ -1,6 +1,6 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@config "../../tailwind.config.js";
+@import "tailwindcss/components";
+@import "tailwindcss/utilities";
 
 @import "fonts";
 

frontend/tailwind.config.js

@@ -1,9 +1,5 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  corePlugins: {
-    // TODO: Readd after removing bulma base styles
-    preflight: false,
-  },
   prefix: 'tw-',
   content: [
     './index.html',

frontend/vite.config.ts

@@ -14,7 +14,7 @@ import viteSentry, {type ViteSentryPluginOptions} from 'vite-plugin-sentry'
 import svgLoader from 'vite-svg-loader'
 import postcssPresetEnv from 'postcss-preset-env'
 import postcssEasingGradients from 'postcss-easing-gradients'
-import tailwindcss from 'tailwindcss'
+import tailwindcss from '@tailwindcss/vite'
 import vueDevTools from 'vite-plugin-vue-devtools'
 
 const pathSrc = fileURLToPath(new URL('./src', import.meta.url)).replaceAll('\\', '/')
@@ -104,15 +104,15 @@ function getBuildConfig(env: Record<string, string>) {
 				},
 			},
 			postcss: {
-				plugins: [
-					tailwindcss(),
-					postcssEasingGradients(),
-					postcssPresetEnv(),
-				],
+                                plugins: [
+                                        postcssEasingGradients(),
+                                        postcssPresetEnv(),
+                                ],
 			},
 		},
-		plugins: [
-			vue(),
+                plugins: [
+                        tailwindcss(),
+                        vue(),
 			svgLoader({
 				// Since the svgs are already manually optimized via https://jakearchibald.github.io/svgomg/
 				// we don't need to optimize them again.