chore: update Tailwind CSS dependencies and improve mobile TOC styles

- Added `@tailwindcss/postcss` and updated existing Tailwind CSS packages to version 4.1.18.
- Enhanced mobile Table of Contents button and overlay styles for better visibility and user experience.
- Adjusted z-index values to ensure proper layering of components in the mobile view.

Author: BunsDev

bun.lock

@@ -92,19 +92,19 @@ export function MobileTOC({ items = [] }: TableOfContentsProps) {
     <>
       <button
         onClick={() => setOpen(true)}
-        className="xl:hidden flex items-center gap-2 w-full mb-4 p-3 rounded-xl bg-background/50 dark:bg-background/30 backdrop-blur-md border border-white/10 dark:border-white/5 text-sm font-medium text-muted-foreground hover:text-foreground hover:bg-muted/30 transition-all"
+        className="xl:hidden flex items-center z-50 gap-2 w-full mb-4 p-3 rounded-xl bg-background/50 dark:bg-background/30 backdrop-blur-md border border-white/10 dark:border-white/5 text-sm font-medium text-muted-foreground hover:text-foreground hover:bg-muted/30 transition-all"
       >
         <List className="h-4 w-4 shrink-0" />
         On this page
       </button>
 
       {open && (
-        <div className="xl:hidden fixed inset-0 z-[60]">
+        <div className="xl:hidden fixed inset-0 z-[100]">
           <div
             className="fixed inset-0 bg-black/40 backdrop-blur-sm"
             onClick={() => setOpen(false)}
           />
-          <div className="fixed inset-x-0 top-0 z-[61] max-h-[70vh] overflow-auto rounded-b-2xl border-b border-x border-white/10 bg-background/95 dark:bg-background/90 backdrop-blur-xl shadow-xl">
+          <div className="fixed inset-x-0 top-0 z-[101] max-h-[70vh] overflow-auto rounded-b-2xl border-b border-x border-white/10 bg-background/95 dark:bg-background backdrop-blur-xl shadow-xl">
             <div className="flex items-center justify-between p-4 border-b border-white/10">
               <span className="font-semibold text-sm">On this page</span>
               <button

packages/docs/components/docs/toc.tsx

@@ -19,6 +19,7 @@
     "tailwind-merge": "^3.4.0"
   },
   "devDependencies": {
+    "@tailwindcss/postcss": "^4.1.18",
     "@types/node": "^25",
     "@types/react": "^19",
     "tailwindcss": "4.1.18",

playground/package.json

@@ -1,8 +1,7 @@
 /** @type {import('postcss-load-config').Config} */
 const config = {
   plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
+    "@tailwindcss/postcss": {},
   },
 };