fix tailwindcss in interface not loading

interface/postcss.config.js

@@ -0,0 +1,9 @@
+import tailwindcss from "tailwindcss";
+import autoprefixer from "autoprefixer";
+
+export default {
+  plugins: [
+    tailwindcss,
+    autoprefixer,
+  ],
+};

interface/tailwind.config.js

@@ -0,0 +1,21 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./index.html",
+    "./src/**/*.{js,ts,jsx,tsx}",
+  ],
+  darkMode: "class",
+  theme: {
+    fontSize: {
+      "xs": ".65rem",
+      "sm": ".775rem",
+      "base": "0.65rem",
+      "md": "0.65rem",
+      "lg": "1rem",
+      "xl": "1.25rem",
+      "2xl": "1.5rem",
+      "3xl": "1.875rem",
+    }
+  },
+  plugins: [],
+};

postcss.config.js

@@ -1,6 +0,0 @@
-module.exports = {
-  plugins: [
-    require("tailwindcss"),
-    require("autoprefixer"),
-  ],
-};

tailwind.config.js

@@ -4,7 +4,6 @@ export default {
     "./index.html",
     "./src/**/*.{js,ts,jsx,tsx}",
   ],
-  important: true,
   darkMode: "class",
   theme: {
     fontSize: {

webpack.config.js

@@ -64,7 +64,8 @@ export default {
         { from: "public", to: "." },
         { from: "src/inject/preview", to: "inject/preview" },
         { from: "node_modules/webextension-polyfill/dist/browser-polyfill.js", to: "."},
-        { from: "interface/dist/client", to: "client" }
+        { from: "interface/dist/client", to: "client" },
+        { from: "interface/dist/index.html", to: "interface/index.html" }
       ],
     }),
   ],