feat: update to latest starlight and tailwind v4

Author: mehalter

astro.config.mjs

@@ -3,9 +3,10 @@ import starlight from "@astrojs/starlight";
 import starlightDocSearch from "@astrojs/starlight-docsearch";
 import starlightLinksValidator from "starlight-links-validator";
 import starlightImageZoom from "starlight-image-zoom";
-import tailwind from "@astrojs/tailwind";
 import { pluginCollapsibleSections } from "@expressive-code/plugin-collapsible-sections";
 
+import tailwindcss from "@tailwindcss/vite";
+
 const locales = {
   root: {
     label: "English",
@@ -18,6 +19,7 @@ export default defineConfig({
   site: "https://docs.astronvim.com",
   defaultLocale: "root",
   locales,
+
   integrations: [
     starlight({
       title: "AstroNvim Documentation",
@@ -137,13 +139,33 @@ export default defineConfig({
         // Path to your Tailwind base styles:
         "./src/tailwind.css",
       ],
-      social: {
-        mastodon: "https://hachyderm.io/@AstroNvim",
-        "x.com": "https://x.com/AstroNvim",
-        discord: "https://discord.astronvim.com",
-        reddit: "https://www.reddit.com/r/AstroNvim",
-        github: "https://git.astronvim.com/AstroNvim",
-      },
+      social: [
+        {
+          icon: "mastodon",
+          label: "Mastodon",
+          href: "https://hachyderm.io/@AstroNvim",
+        },
+        {
+          icon: "x.com",
+          label: "X",
+          href: "https://x.com/AstroNvim",
+        },
+        {
+          icon: "discord",
+          label: "Discord",
+          href: "https://discord.astronvim.com",
+        },
+        {
+          icon: "reddit",
+          label: "Reddit",
+          href: "https://www.reddit.com/r/AstroNvim",
+        },
+        {
+          icon: "github",
+          label: "GitHub",
+          href: "https://git.astronvim.com/AstroNvim",
+        },
+      ],
       sidebar: [
         {
           label: "🚀 Getting Started",
@@ -205,9 +227,10 @@ export default defineConfig({
         baseUrl: "https://github.com/AstroNvim/docs/edit/main/",
       },
     }),
-    tailwind({
-      // Disable the default base styles:
-      applyBaseStyles: false,
-    }),
   ],
+
+  vite: {
+    plugins: [tailwindcss()],
+  },
 });
+

package.json

@@ -11,25 +11,25 @@
     "upgrade": "pnpm dlx @astrojs/upgrade"
   },
   "dependencies": {
-    "@astrojs/mdx": "^4.1.1",
-    "@astrojs/starlight": "^0.32.2",
+    "@astrojs/mdx": "^4.2.4",
+    "@astrojs/starlight": "^0.34.0",
     "@astrojs/starlight-docsearch": "^0.6.0",
-    "@astrojs/starlight-tailwind": "^3.0.0",
-    "@astrojs/tailwind": "^6.0.0",
-    "@expressive-code/plugin-collapsible-sections": "^0.35.3",
-    "@fontsource-variable/inter": "^5.1.1",
-    "@fontsource-variable/jetbrains-mono": "^5.1.2",
-    "astro": "^5.4.3",
-    "sharp": "^0.33.4",
-    "starlight-image-zoom": "^0.1.0",
-    "starlight-links-validator": "^0.5.3",
-    "tailwindcss": "^3.4.4"
+    "@astrojs/starlight-tailwind": "^4.0.0",
+    "@expressive-code/plugin-collapsible-sections": "^0.41.1",
+    "@fontsource-variable/inter": "^5.2.5",
+    "@fontsource-variable/jetbrains-mono": "^5.2.5",
+    "@tailwindcss/vite": "^4.1.4",
+    "astro": "^5.7.1",
+    "sharp": "^0.34.1",
+    "starlight-image-zoom": "^0.12.0",
+    "starlight-links-validator": "^0.16.0",
+    "tailwindcss": "^4.1.4"
   },
   "devDependencies": {
-    "@netlify/plugin-lighthouse": "^6.0.0",
+    "@netlify/plugin-lighthouse": "^6.0.1",
     "netlify-plugin-submit-sitemap": "^0.4.0",
-    "prettier": "^3.3.2",
-    "prettier-plugin-astro": "^0.13.0",
-    "prettier-plugin-tailwindcss": "^0.5.14"
+    "prettier": "^3.5.3",
+    "prettier-plugin-astro": "^0.14.1",
+    "prettier-plugin-tailwindcss": "^0.6.11"
   }
 }