diff --git a/postcss.config.cjs b/postcss.config.cjs
deleted file mode 100644
index b18fd44..0000000
--- a/postcss.config.cjs
+++ /dev/null
@@ -1,9 +0,0 @@
- 
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-     
-    ...(process.env.NODE_ENV === 'production' ? { cssnano: {} } : {})
-  }
-}
\ No newline at end of file
diff --git a/postcss.config.js b/postcss.config.js
new file mode 100644
index 0000000..1915b6a
--- /dev/null
+++ b/postcss.config.js
@@ -0,0 +1,8 @@
+import autoprefixer from "autoprefixer";
+import cssnano from "cssnano";
+import tailwind from "tailwindcss";
+import tailwindConfig from "./tailwind.config.js";
+
+export default {
+  plugins: [autoprefixer, tailwind(tailwindConfig), cssnano],
+};
diff --git a/tailwind.config.js b/tailwind.config.js
index a74e2c9..baae1aa 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,26 +1,27 @@
-/* eslint-disable @typescript-eslint/no-require-imports */
-/** @type {import('tailwindcss').Config} */
- 
-module.exports = {
-  content: ["./src/**/*.{html,js,tsx,jsx,cjs,mjs}"],
-  theme: {
-    extend: {
-      colors: {
-        contrast: "rgba(var(--contrast))",
-        "neutral-900": "rgba(var(--neutral-900))",
-        "neutral-800": "rgba(var(--neutral-800))",
-        "neutral-700": "rgba(var(--neutral-700))",
-        "neutral-600": "rgba(var(--neutral-600))",
-        "neutral-500": "rgba(var(--neutral-500))",
-        "neutral-400": "rgba(var(--neutral-400))",
-        "neutral-300": "rgba(var(--neutral-300))",
-        "neutral-200": "rgba(var(--neutral-200))",
-        "neutral-100": "rgba(var(--neutral-100))",
-        "accent-600": "rgba(var(--accent-600))",
-        "accent-500": "rgba(var(--accent-500))",
-        "accent-400": "rgba(var(--accent-400))",
-      },
-    },
-  },
-  plugins: [require("tailwind-scrollbar")],
-};
+/** @type {import('tailwindcss').Config} */
+
+import tailwindScrollbar from "tailwind-scrollbar";
+
+export default {
+  content: ["./src/**/*.{html,js,tsx,jsx,cjs,mjs}"],
+  theme: {
+    extend: {
+      colors: {
+        contrast: "rgba(var(--contrast))",
+        "neutral-900": "rgba(var(--neutral-900))",
+        "neutral-800": "rgba(var(--neutral-800))",
+        "neutral-700": "rgba(var(--neutral-700))",
+        "neutral-600": "rgba(var(--neutral-600))",
+        "neutral-500": "rgba(var(--neutral-500))",
+        "neutral-400": "rgba(var(--neutral-400))",
+        "neutral-300": "rgba(var(--neutral-300))",
+        "neutral-200": "rgba(var(--neutral-200))",
+        "neutral-100": "rgba(var(--neutral-100))",
+        "accent-600": "rgba(var(--accent-600))",
+        "accent-500": "rgba(var(--accent-500))",
+        "accent-400": "rgba(var(--accent-400))",
+      },
+    },
+  },
+  plugins: [tailwindScrollbar],
+};