build!: upgrade to Tailwind CSS v4

Author: satnaing

astro.config.ts

@@ -1,7 +1,7 @@
 import { defineConfig } from "astro/config";
+import tailwindcss from "@tailwindcss/vite";
 import react from "@astrojs/react";
 import sitemap from "@astrojs/sitemap";
-import tailwind from "@astrojs/tailwind";
 import remarkToc from "remark-toc";
 import remarkCollapse from "remark-collapse";
 import { SITE } from "./src/config";
@@ -10,9 +10,6 @@ import { SITE } from "./src/config";
 export default defineConfig({
   site: SITE.website,
   integrations: [
-    tailwind({
-      applyBaseStyles: false,
-    }),
     react(),
     sitemap({
       filter: page => SITE.showArchives || !page.endsWith("/archives"),
@@ -35,9 +32,12 @@ export default defineConfig({
     },
   },
   vite: {
+    plugins: [tailwindcss()],
     optimizeDeps: {
       exclude: ["@resvg/resvg-js"],
     },
   },
-  scopedStyleStrategy: "where",
+  experimental: {
+    svg: true,
+  },
 });