refactor: upgrade uno

The new version deprecated "uno" preset in favor of wind3 and wind4
presets to support both tailwind versions. We can switch to wind4 later.

Author: TrySound

packages/css-data/package.json

@@ -34,15 +34,15 @@
   "private": true,
   "sideEffects": false,
   "dependencies": {
-    "@unocss/core": "^0.65.1",
-    "@unocss/preset-legacy-compat": "^0.65.1",
-    "@unocss/preset-uno": "^0.65.1",
+    "@unocss/core": "^66.0.0",
+    "@unocss/preset-legacy-compat": "^66.0.0",
+    "@unocss/preset-wind3": "^66.0.0",
     "@webstudio-is/css-engine": "workspace:*",
     "change-case": "^5.4.4",
     "colord": "^2.9.3",
     "css-tree": "^2.3.1",
     "openai": "^3.2.1",
-    "p-retry": "^6.2.0",
+    "p-retry": "^6.2.1",
     "warn-once": "^0.1.1"
   }
 }

packages/css-data/src/tailwind-parser/parse.ts

@@ -1,18 +1,18 @@
 import { UnoGenerator, createGenerator } from "@unocss/core";
-import { type Theme, presetUno } from "@unocss/preset-uno";
+import { presetWind3 } from "@unocss/preset-wind3";
 import { presetLegacyCompat } from "@unocss/preset-legacy-compat";
 import warnOnce from "warn-once";
 import { substituteVariables } from "./substitute";
 import { parseCss, type ParsedStyleDecl } from "../parse-css";
 
 type Warn = (condition: boolean, message: string) => void;
 
-let unoLazy: UnoGenerator<Theme> | undefined = undefined;
+let unoLazy: UnoGenerator | undefined = undefined;
 
 const createUnoGenerator = async () => {
   unoLazy = await createGenerator({
     presets: [
-      presetUno(),
+      presetWind3({ preflight: "on-demand" }),
       // until we support oklch natively
       presetLegacyCompat({ legacyColorSpace: true }),
     ],
@@ -28,10 +28,7 @@ export const parseTailwindToCss = async (
   warn: Warn = warnOnce
 ): Promise<string> => {
   const generator = unoLazy ?? (await createUnoGenerator());
-  const generated = await generator.generate(classes, {
-    preflights: true,
-  });
-
+  const generated = await generator.generate(classes);
   const cssWithClasses = substituteVariables(generated.css, warn);
   return cssWithClasses;
 };