frontend tailwind half working without external styling

packages/tailwind-config/postcss.config.js

@@ -1,6 +1,6 @@
-// Optional PostCSS configuration for applications that need it
+import tailwindcss from "@tailwindcss/postcss";
+import autoprefixer from "autoprefixer";
+
 export const postcssConfig = {
-  plugins: {
-    "@tailwindcss/postcss": {},
-  },
+  plugins: [tailwindcss(), autoprefixer()]
 };

packages/tailwind-config/shared-styles.css

@@ -1,7 +1,2 @@
 @import "tailwindcss";
 
-@theme {
-  --blue-1000: #2a8af6;
-  --purple-1000: #a853ba;
-  --red-1000: #e92a67;
-}