[Docs Site] Upgrade to Tailwind v4 (#21744)

* [Docs Site] Upgrade to Tailwind v4

* delete learning-paths/index.mdx

* update deps

* include css in class scanning

* fix ts errors

* make tailwind.css the first customCss file

* fix formatting

* fix learning paths line height

* changelog header border

* bump deps

Author: KianNH

astro.config.ts

@@ -1,6 +1,5 @@
 import { defineConfig } from "astro/config";
 import starlight from "@astrojs/starlight";
-import tailwind from "@astrojs/tailwind";
 import starlightDocSearch from "@astrojs/starlight-docsearch";
 import starlightImageZoom from "starlight-image-zoom";
 import liveCode from "astro-live-code";
@@ -45,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;
 }
@@ -90,11 +90,19 @@ export default defineConfig({
 				src: "./src/assets/logo.svg",
 			},
 			favicon: "/favicon.png",
-			social: {
-				github: "https://github.com/cloudflare/cloudflare-docs",
-				"x.com": "https://x.com/cloudflare",
-				youtube: "https://www.youtube.com/cloudflare",
-			},
+			social: [
+				{
+					label: "GitHub",
+					icon: "github",
+					href: "https://github.com/cloudflare/cloudflare-docs",
+				},
+				{ label: "X.com", icon: "x.com", href: "https://x.com/cloudflare" },
+				{
+					label: "YouTube",
+					icon: "youtube",
+					href: "https://www.youtube.com/cloudflare",
+				},
+			],
 			editLink: {
 				baseUrl:
 					"https://github.com/cloudflare/cloudflare-docs/edit/production/",
@@ -143,9 +151,9 @@ export default defineConfig({
 				starlightImageZoom(),
 			],
 			lastUpdated: true,
-		}),
-		tailwind({
-			applyBaseStyles: false,
+			markdown: {
+				headingLinks: false,
+			},
 		}),
 		liveCode({}),
 		icon(),