chore(deps): downgrade tailwindcss to v3

Author: notunderctrl

apps/website/docusaurus.config.ts

@@ -138,7 +138,21 @@ const config: Config = {
       darkTheme: prismThemes.dracula,
     },
   } satisfies Preset.ThemeConfig,
-  plugins: ['./src/plugins/tailwind-config.js'],
+  plugins: [
+    function tailwindPlugin(context, options) {
+      return {
+        name: 'tailwind-plugin',
+        configurePostCss(postcssOptions) {
+          postcssOptions.plugins = [
+            require('postcss-import'),
+            require('tailwindcss'),
+            require('autoprefixer'),
+          ];
+          return postcssOptions;
+        },
+      };
+    },
+  ],
 };
 
 export default config;

apps/website/package.json

@@ -35,7 +35,7 @@
     "autoprefixer": "^10.4.20",
     "micro-docgen": "^0.3.5",
     "postcss": "^8.5.3",
-    "tailwindcss": "^4.1.7",
+    "tailwindcss": "^3.4.16",
     "typescript": "~5.8.0"
   },
   "browserslist": {

apps/website/src/css/custom.css

@@ -1,8 +1,6 @@
-@layer theme, base, components, utilities;
-@import 'tailwindcss/theme.css' layer(theme) important;
-@import 'tailwindcss/utilities.css' layer(utilities) important;
-
-@custom-variant dark (&:is([data-theme="dark"] *));
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
 
 /**
  * Any CSS included here will be global. The classic template

apps/website/tailwind.config.js

@@ -1,5 +1,3 @@
-const { fontFamily } = require('tailwindcss/defaultTheme');
-
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   corePlugins: {