make tailwind.css the first customCss file

Author: KianNH

astro.config.ts

@@ -44,7 +44,8 @@ async function autogenStyles() {
 		})
 	)
 		.filter((x) => x.isFile())
-		.map((x) => x.parentPath + x.name);
+		.map((x) => x.parentPath + x.name)
+		.sort((a) => (a === "./src/styles/tailwind.css" ? -1 : 1));
 
 	return styles;
 }

src/styles/tailwind.css

@@ -143,24 +143,6 @@
 	--color-cl1-brand-orange: #f6821f;
 }
 
-/*
-  The default border color has changed to `currentcolor` in Tailwind CSS v4,
-  so we've added these compatibility styles to make sure everything still
-  looks the same as it did with Tailwind CSS v3.
-
-  If we ever want to remove these styles, we need to add an explicit border
-  color utility to any element that depends on these defaults.
-*/
-@layer base {
-	*,
-	::after,
-	::before,
-	::backdrop,
-	::file-selector-button {
-		border-color: var(--color-gray-200, currentcolor);
-	}
-}
-
 @layer base {
 	:root {
 		--blue-accent-200: rgb(15, 0, 107);