Update to Tailwind 4.0.8

Author: WarningImHack3r

package.json

@@ -24,7 +24,7 @@
 		"@sveltejs/kit": "^2.17.1",
 		"@sveltejs/vite-plugin-svelte": "^5.0.3",
 		"@tailwindcss/typography": "^0.5.16",
-		"@tailwindcss/vite": "^4.0.5",
+		"@tailwindcss/vite": "^4.0.8",
 		"@total-typescript/ts-reset": "^0.6.1",
 		"@types/eslint-config-prettier": "^6.11.3",
 		"@types/semver": "^7.5.8",
@@ -54,7 +54,7 @@
 		"sveltekit-search-params": "^3.0.0",
 		"tailwind-merge": "^3.0.1",
 		"tailwind-variants": "^0.3.1",
-		"tailwindcss": "^4.0.5",
+		"tailwindcss": "^4.0.8",
 		"tailwindcss-animate": "^1.0.7",
 		"tslib": "^2.8.1",
 		"typescript": "^5.7.3",

pnpm-lock.yaml

@@ -1,9 +1,4 @@
-@layer theme, base, components, utilites;
-
-@import "tailwindcss/theme" layer(theme) theme(static);
-@import "tailwindcss/preflight" layer(base);
-@import "tailwindcss/utilities" layer(utilities);
-
+@import "tailwindcss" theme(static);
 @plugin "@tailwindcss/typography";
 @plugin "tailwindcss-animate";
 

src/app.css

@@ -731,7 +731,7 @@
 										>
 											Open on <img src="/github.svg" alt="GitHub" class="ml-1.5 size-5" />
 											<ArrowUpRight
-												class="ml-2 size-4 transition-transform duration-300 group-hover:-translate-y-1 group-hover:translate-x-1"
+												class="ml-2 size-4 transition-transform duration-300 group-hover:translate-x-1 group-hover:-translate-y-1"
 											/>
 										</Button>
 									</div>

src/routes/+page.svelte

@@ -442,7 +442,7 @@
 			<Button href={info.html_url} target="_blank" class="group dark:text-black">
 				Open {type === "pull" ? "pull request" : "issue"} on GitHub
 				<ArrowUpRight
-					class="ml-2 size-4 transition-transform duration-300 group-hover:-translate-y-1 group-hover:translate-x-1"
+					class="ml-2 size-4 transition-transform duration-300 group-hover:translate-x-1 group-hover:-translate-y-1"
 				/>
 			</Button>
 		</div>