update from tailwindcss 3 to 4

web/package.json

@@ -17,7 +17,7 @@
 		"@eslint/compat": "^1.2.5",
 		"@eslint/js": "^9.18.0",
 		"@fontsource/fira-mono": "^5.0.0",
-		"@lucide/svelte": "^0.482.0",
+		"@lucide/svelte": "^0.536.0",
 		"@neoconfetti/svelte": "^2.0.0",
 		"@sveltejs/adapter-static": "^3.0.8",
 		"@sveltejs/enhanced-img": "^0.6.1",
@@ -26,8 +26,9 @@
 		"@tailwindcss/container-queries": "^0.1.1",
 		"@tailwindcss/forms": "^0.5.10",
 		"@tailwindcss/typography": "^0.5.16",
+		"@tailwindcss/vite": "^4.1.11",
 		"autoprefixer": "^10.4.20",
-		"bits-ui": "^1.4.8",
+		"bits-ui": "^2.9.0",
 		"clsx": "^2.1.1",
 		"eslint": "^9.18.0",
 		"eslint-config-prettier": "^10.0.1",
@@ -36,14 +37,14 @@
 		"mode-watcher": "^1.0.7",
 		"prettier": "^3.4.2",
 		"prettier-plugin-svelte": "^3.3.3",
-		"prettier-plugin-tailwindcss": "^0.6.10",
+		"prettier-plugin-tailwindcss": "^0.6.14",
 		"svelte": "^5.0.0",
 		"svelte-check": "^4.0.0",
-		"svelte-sonner": "^0.3.28",
-		"tailwind-merge": "^3.2.0",
-		"tailwind-variants": "^0.2.1",
-		"tailwindcss": "^3.4.17",
-		"tailwindcss-animate": "^1.0.7",
+		"svelte-sonner": "^1.0.5",
+		"tailwind-merge": "^3.3.1",
+		"tailwind-variants": "^2.1.0",
+		"tailwindcss": "^4.1.11",
+		"tw-animate-css": "^1.3.6",
 		"typescript": "^5.0.0",
 		"typescript-eslint": "^8.20.0",
 		"vite": "^6.0.0"
@@ -54,9 +55,12 @@
 		"embla-carousel-autoplay": "^8.6.0",
 		"embla-carousel-svelte": "^8.6.0",
 		"eslint-plugin-unused-imports": "^4.1.4",
+		"formsnap": "^2.0.1",
 		"lucide-svelte": "^0.507.0",
+		"paneforge": "^1.0.0-next.6",
 		"sharp": "^0.34.1",
 		"sveltekit-image-optimize": "^0.0.7",
-		"uuid": "^11.1.0"
+		"uuid": "^11.1.0",
+		"vaul-svelte": "^1.0.0-next.7"
 	}
 }