chore(tailwindcss-utopia-playground): try to fix plugin package resolution

Author: craxrev

apps/playground/app/_components/editor.tsx

@@ -111,9 +111,7 @@ body {
   const monacoTailwindcssRef = useRef<MonacoTailwindcss>(null);
 
   const handleChange = async () => {
-    console.log('a');
     if (!monacoTailwindcssRef.current) return;
-    console.log('b');
 
     const css = await monacoTailwindcssRef.current.generateStylesFromContent(
       tabs.css.getValue(),

apps/playground/package.json

@@ -13,7 +13,6 @@
     "@radix-ui/react-tabs": "^1.1.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "fluid-tailwind": "^1.0.4",
     "lucide-react": "^0.471.1",
     "monaco-editor-webpack-plugin": "^7.1.0",
     "monaco-tailwindcss": "^0.6.1",
@@ -23,7 +22,7 @@
     "react-resizable-panels": "^2.1.7",
     "tailwind-merge": "^2.6.0",
     "tailwindcss-animate": "^1.0.7",
-    "tailwindcss-utopia": "workspace:*"
+    "tailwindcss-utopia": "^0.0.14"
   },
   "devDependencies": {
     "typescript": "^5",

apps/playground/workers/tailwindcss-custom.js

@@ -1,5 +1,6 @@
+import tailwindcssUtopia, { extract } from "tailwindcss-utopia-fixed";
+
 import { initialize } from "monaco-tailwindcss/tailwindcss.worker.js";
-import tailwindcssUtopia, { extract } from "tailwindcss-utopia";
 
 initialize({
   prepareTailwindConfig(tailwindConfig) {