Update to Tailwind 4.0.5

RIP CSS variables tree-shaking, this site will never benefit you

Author: WarningImHack3r

package.json

@@ -24,13 +24,13 @@
 		"@sveltejs/kit": "^2.17.1",
 		"@sveltejs/vite-plugin-svelte": "^5.0.3",
 		"@tailwindcss/typography": "^0.5.16",
-		"@tailwindcss/vite": "^4.0.4",
+		"@tailwindcss/vite": "^4.0.5",
 		"@total-typescript/ts-reset": "^0.6.1",
 		"@types/eslint-config-prettier": "^6.11.3",
 		"@types/semver": "^7.5.8",
 		"@vercel/speed-insights": "^1.1.0",
 		"arctic": "^3.2.4",
-		"bits-ui": "1.0.0-next.89",
+		"bits-ui": "1.0.0-next.90",
 		"clsx": "^2.1.1",
 		"eslint": "^9.20.0",
 		"eslint-config-prettier": "^10.0.1",
@@ -54,7 +54,7 @@
 		"sveltekit-search-params": "^3.0.0",
 		"tailwind-merge": "^3.0.1",
 		"tailwind-variants": "^0.3.1",
-		"tailwindcss": "^4.0.4",
+		"tailwindcss": "^4.0.5",
 		"tailwindcss-animate": "^1.0.7",
 		"tslib": "^2.8.1",
 		"typescript": "^5.7.3",

pnpm-lock.yaml

@@ -1,10 +1,15 @@
-@import "tailwindcss";
+@layer theme, base, components, utilites;
+
+@import "tailwindcss/theme" layer(theme) theme(static);
+@import "tailwindcss/preflight" layer(base);
+@import "tailwindcss/utilities" layer(utilities);
+
 @plugin "@tailwindcss/typography";
 @plugin "tailwindcss-animate";
 
 @variant dark (&:is(.dark *));
 
-@theme {
+@theme static {
 	--breakpoint-xs: 475px;
 	--breakpoint-2xl: 1400px;