@unocss/svelte-scoped 0.62.3 → 0.63.0

package/dist/preprocess.d.mts

@@ -1,8 +1,8 @@
 import { PreprocessorGroup } from 'svelte/types/compiler/preprocess';
-import { U as UnocssSveltePreprocessOptions, S as SvelteScopedContext } from './shared/svelte-scoped.BJnJpFJ9.mjs';
-export { a as TransformApplyOptions, T as TransformClassesOptions } from './shared/svelte-scoped.BJnJpFJ9.mjs';
-import '@unocss/core';
+import { U as UnocssSveltePreprocessOptions, S as SvelteScopedContext } from './shared/svelte-scoped.BG2YMHlZ.mjs';
+export { a as TransformApplyOptions, T as TransformClassesOptions, b as TransformDirectivesOptions } from './shared/svelte-scoped.BG2YMHlZ.mjs';
 import '@unocss/config';
+import '@unocss/core';
 
 declare function UnocssSveltePreprocess(options?: UnocssSveltePreprocessOptions, unoContextFromVite?: SvelteScopedContext, isViteBuild?: () => boolean): PreprocessorGroup;
 

package/dist/preprocess.d.ts

@@ -1,8 +1,8 @@
 import { PreprocessorGroup } from 'svelte/types/compiler/preprocess';
-import { U as UnocssSveltePreprocessOptions, S as SvelteScopedContext } from './shared/svelte-scoped.BJnJpFJ9.js';
-export { a as TransformApplyOptions, T as TransformClassesOptions } from './shared/svelte-scoped.BJnJpFJ9.js';
-import '@unocss/core';
+import { U as UnocssSveltePreprocessOptions, S as SvelteScopedContext } from './shared/svelte-scoped.BG2YMHlZ.js';
+export { a as TransformApplyOptions, T as TransformClassesOptions, b as TransformDirectivesOptions } from './shared/svelte-scoped.BG2YMHlZ.js';
 import '@unocss/config';
+import '@unocss/core';
 
 declare function UnocssSveltePreprocess(options?: UnocssSveltePreprocessOptions, unoContextFromVite?: SvelteScopedContext, isViteBuild?: () => boolean): PreprocessorGroup;
 

package/dist/preprocess.mjs

@@ -1,7 +1,7 @@
-export { U as default } from './shared/svelte-scoped.BBcG3K4A.mjs';
+export { U as default } from './shared/svelte-scoped.DPsPs-Am.mjs';
 import 'node:process';
+import '@unocss/config';
 import '@unocss/core';
 import '@unocss/preset-uno';
-import '@unocss/config';
 import 'magic-string';
 import 'css-tree';

package/dist/shared/{svelte-scoped.BJnJpFJ9.d.mts → svelte-scoped.BG2YMHlZ.d.mts}

@@ -1,7 +1,7 @@
-import { UserConfig, UnoGenerator } from '@unocss/core';
 import { LoadConfigResult } from '@unocss/config';
+import { UserConfig, UnoGenerator } from '@unocss/core';
 
-interface UnocssSveltePreprocessOptions extends TransformClassesOptions, TransformApplyOptions {
+interface UnocssSveltePreprocessOptions extends TransformClassesOptions, TransformApplyOptions, TransformDirectivesOptions {
   /**
    * UnoCSS config or path to config file. If not provided, will load unocss.config.ts/js. It's recommended to use the separate config file if you are having trouble with the UnoCSS extension in VSCode.
    */
@@ -37,9 +37,22 @@ interface TransformApplyOptions {
   applyVariables?: string | string[] | false
 }
 
+interface TransformDirectivesOptions {
+  /**
+   * Transform the `theme()` directive (recommended for CSS syntax compatibility).
+   *
+   * Disable for TailwindCss compatibility.
+   *
+   * Pass `false` to disable.
+   *
+   * @default true
+   */
+  transformThemeDirective?: boolean
+}
+
 interface SvelteScopedContext {
   uno: UnoGenerator
   ready: Promise<LoadConfigResult<UserConfig>>
 }
 
-export type { SvelteScopedContext as S, TransformClassesOptions as T, UnocssSveltePreprocessOptions as U, TransformApplyOptions as a };
+export type { SvelteScopedContext as S, TransformClassesOptions as T, UnocssSveltePreprocessOptions as U, TransformApplyOptions as a, TransformDirectivesOptions as b };

package/dist/shared/{svelte-scoped.BJnJpFJ9.d.ts → svelte-scoped.BG2YMHlZ.d.ts}

@@ -1,7 +1,7 @@
-import { UserConfig, UnoGenerator } from '@unocss/core';
 import { LoadConfigResult } from '@unocss/config';
+import { UserConfig, UnoGenerator } from '@unocss/core';
 
-interface UnocssSveltePreprocessOptions extends TransformClassesOptions, TransformApplyOptions {
+interface UnocssSveltePreprocessOptions extends TransformClassesOptions, TransformApplyOptions, TransformDirectivesOptions {
   /**
    * UnoCSS config or path to config file. If not provided, will load unocss.config.ts/js. It's recommended to use the separate config file if you are having trouble with the UnoCSS extension in VSCode.
    */
@@ -37,9 +37,22 @@ interface TransformApplyOptions {
   applyVariables?: string | string[] | false
 }
 
+interface TransformDirectivesOptions {
+  /**
+   * Transform the `theme()` directive (recommended for CSS syntax compatibility).
+   *
+   * Disable for TailwindCss compatibility.
+   *
+   * Pass `false` to disable.
+   *
+   * @default true
+   */
+  transformThemeDirective?: boolean
+}
+
 interface SvelteScopedContext {
   uno: UnoGenerator
   ready: Promise<LoadConfigResult<UserConfig>>
 }
 
-export type { SvelteScopedContext as S, TransformClassesOptions as T, UnocssSveltePreprocessOptions as U, TransformApplyOptions as a };
+export type { SvelteScopedContext as S, TransformClassesOptions as T, UnocssSveltePreprocessOptions as U, TransformApplyOptions as a, TransformDirectivesOptions as b };

package/dist/shared/{svelte-scoped.BBcG3K4A.mjs → svelte-scoped.DPsPs-Am.mjs}

@@ -1,16 +1,20 @@
 import process from 'node:process';
-import { expandVariantGroup, regexScopePlaceholder, warnOnce, toArray, createGenerator } from '@unocss/core';
-import presetUno from '@unocss/preset-uno';
 import { createRecoveryConfigLoader } from '@unocss/config';
+import { expandVariantGroup, warnOnce, regexScopePlaceholder, toArray, createGenerator } from '@unocss/core';
+import presetUno from '@unocss/preset-uno';
 import MagicString from 'magic-string';
 import { generate, parse, clone, walk } from 'css-tree';
 
-const NOT_PRECEDED_BY_DIGIT_OR_OPEN_PARENTHESIS_RE = /(?<![\d(])/;
-const SELECTOR_STARTING_WITH_BRACKET_OR_PERIOD_RE = /([[.][\s\S]+?)/;
-const STYLES_RE = /(\{[\s\S]+?\})/;
-const EXTRACT_SELECTOR_RE = new RegExp(NOT_PRECEDED_BY_DIGIT_OR_OPEN_PARENTHESIS_RE.source + SELECTOR_STARTING_WITH_BRACKET_OR_PERIOD_RE.source + STYLES_RE.source, "g");
-function wrapSelectorsWithGlobal(css) {
-  return css.replace(EXTRACT_SELECTOR_RE, ":global($1)$2");
+const notInCommentRE = /(?<!<!--\s*)/;
+const stylesTagWithCapturedDirectivesRE = /<style([^>]*)>[\s\S]*?<\/style\s*>/;
+const actualStylesTagWithCapturedDirectivesRE = new RegExp(notInCommentRE.source + stylesTagWithCapturedDirectivesRE.source, "g");
+const captureOpeningStyleTagWithAttributesRE = /(<style[^>]*>)/;
+function addGeneratedStylesIntoStyleBlock(code, styles) {
+  const preExistingStylesTag = code.match(actualStylesTagWithCapturedDirectivesRE);
+  if (preExistingStylesTag)
+    return code.replace(captureOpeningStyleTagWithAttributesRE, `$1${styles}`);
+  return `${code}
+<style>${styles}</style>`;
 }
 
 const classesRE$1 = /class=(["'`])([\s\S]*?)\1/g;
@@ -41,26 +45,6 @@ function hasBody(foundClass) {
   return foundClass.body;
 }
 
-const notInCommentRE = /(?<!<!--\s*)/;
-const stylesTagWithCapturedDirectivesRE = /<style([^>]*)>[\s\S]*?<\/style\s*>/;
-const actualStylesTagWithCapturedDirectivesRE = new RegExp(notInCommentRE.source + stylesTagWithCapturedDirectivesRE.source, "g");
-const captureOpeningStyleTagWithAttributesRE = /(<style[^>]*>)/;
-function addGeneratedStylesIntoStyleBlock(code, styles) {
-  const preExistingStylesTag = code.match(actualStylesTagWithCapturedDirectivesRE);
-  if (preExistingStylesTag)
-    return code.replace(captureOpeningStyleTagWithAttributesRE, `$1${styles}`);
-  return `${code}
-<style>${styles}</style>`;
-}
-
-async function needsGenerated(token, uno) {
-  const inSafelist = uno.config.safelist.includes(token);
-  if (inSafelist)
-    return false;
-  const result = await uno.parseToken(token);
-  return !!result;
-}
-
 function hash(str) {
   let i;
   let l;
@@ -91,16 +75,12 @@ function isShortcut(token, shortcuts) {
   return shortcuts.some((s) => s[0] === token);
 }
 
-async function processDirective({ body: token, start, end, type }, options, uno, filename) {
-  const isShortcutOrUtility = isShortcut(token, uno.config.shortcuts) || await needsGenerated(token, uno);
-  if (!isShortcutOrUtility)
-    return;
-  const generatedClassName = generateClassName(token, options, filename);
-  const content = type === "directiveShorthand" ? `${generatedClassName}={${token}}` : generatedClassName;
-  return {
-    rulesToGenerate: { [generatedClassName]: [token] },
-    codeUpdate: { content, start, end }
-  };
+async function needsGenerated(token, uno) {
+  const inSafelist = uno.config.safelist.includes(token);
+  if (inSafelist)
+    return false;
+  const result = await uno.parseToken(token);
+  return !!result;
 }
 
 async function sortClassesIntoCategories(body, options, uno, filename) {
@@ -166,6 +146,18 @@ async function processClassBody({ body, start, end }, options, uno, filename) {
   return { rulesToGenerate, codeUpdate };
 }
 
+async function processDirective({ body: token, start, end, type }, options, uno, filename) {
+  const isShortcutOrUtility = isShortcut(token, uno.config.shortcuts) || await needsGenerated(token, uno);
+  if (!isShortcutOrUtility)
+    return;
+  const generatedClassName = generateClassName(token, options, filename);
+  const content = type === "directiveShorthand" ? `${generatedClassName}={${token}}` : generatedClassName;
+  return {
+    rulesToGenerate: { [generatedClassName]: [token] },
+    codeUpdate: { content, start, end }
+  };
+}
+
 async function processClasses(classes, options, uno, filename) {
   const result = {
     rulesToGenerate: {},
@@ -189,6 +181,14 @@ async function processClasses(classes, options, uno, filename) {
   return result;
 }
 
+const NOT_PRECEDED_BY_DIGIT_OR_OPEN_PARENTHESIS_RE = /(?<![\d(])/;
+const SELECTOR_STARTING_WITH_BRACKET_OR_PERIOD_RE = /([[.][\s\S]+?)/;
+const STYLES_RE = /(\{[\s\S]+?\})/;
+const EXTRACT_SELECTOR_RE = new RegExp(NOT_PRECEDED_BY_DIGIT_OR_OPEN_PARENTHESIS_RE.source + SELECTOR_STARTING_WITH_BRACKET_OR_PERIOD_RE.source + STYLES_RE.source, "g");
+function wrapSelectorsWithGlobal(css) {
+  return css.replace(EXTRACT_SELECTOR_RE, ":global($1)$2");
+}
+
 async function transformClasses({ content, filename, uno, options }) {
   const classesToProcess = findClasses(content);
   if (!classesToProcess.length)
@@ -229,6 +229,33 @@ async function generateStyles(rulesToGenerate, uno) {
   return cssPreparedForSvelteCompiler;
 }
 
+async function getUtils(body, uno) {
+  const classNames = expandVariantGroup(body).split(/\s+/g).map((className) => className.trim().replace(/\\/, ""));
+  const utils = await parseUtils(classNames, uno);
+  const sortedByRankIndex = utils.sort(([aIndex], [bIndex]) => aIndex - bIndex);
+  const sortedByParentOrders = sortedByRankIndex.sort(([, , , aParent], [, , , bParent]) => (aParent ? uno.parentOrders.get(aParent) ?? 0 : 0) - (bParent ? uno.parentOrders.get(bParent) ?? 0 : 0));
+  return sortedByParentOrders.reduce((acc, item) => {
+    const [, selector, body2, parent] = item;
+    const sibling = acc.find(([, targetSelector, , targetParent]) => targetSelector === selector && targetParent === parent);
+    if (sibling)
+      sibling[2] += body2;
+    else
+      acc.push([...item]);
+    return acc;
+  }, []);
+}
+async function parseUtils(classNames, uno) {
+  const foundUtils = [];
+  for (const token of classNames) {
+    const util = await uno.parseToken(token, "-");
+    if (util)
+      foundUtils.push(util);
+    else
+      warnOnce(`'${token}' not found. You have a typo or need to add a preset.`);
+  }
+  return foundUtils.flat();
+}
+
 function removeOuterQuotes(input) {
   if (!input)
     return "";
@@ -297,33 +324,6 @@ function findFirstCombinatorIndex(input) {
   return -1;
 }
 
-async function getUtils(body, uno) {
-  const classNames = expandVariantGroup(body).split(/\s+/g).map((className) => className.trim().replace(/\\/, ""));
-  const utils = await parseUtils(classNames, uno);
-  const sortedByRankIndex = utils.sort(([aIndex], [bIndex]) => aIndex - bIndex);
-  const sortedByParentOrders = sortedByRankIndex.sort(([, , , aParent], [, , , bParent]) => (aParent ? uno.parentOrders.get(aParent) ?? 0 : 0) - (bParent ? uno.parentOrders.get(bParent) ?? 0 : 0));
-  return sortedByParentOrders.reduce((acc, item) => {
-    const [, selector, body2, parent] = item;
-    const sibling = acc.find(([, targetSelector, , targetParent]) => targetSelector === selector && targetParent === parent);
-    if (sibling)
-      sibling[2] += body2;
-    else
-      acc.push([...item]);
-    return acc;
-  }, []);
-}
-async function parseUtils(classNames, uno) {
-  const foundUtils = [];
-  for (const token of classNames) {
-    const util = await uno.parseToken(token, "-");
-    if (util)
-      foundUtils.push(util);
-    else
-      warnOnce(`'${token}' not found. You have a typo or need to add a preset.`);
-  }
-  return foundUtils.flat();
-}
-
 async function transformApply(ctx) {
   const ast = parse(ctx.s.original, {
     parseAtrulePrelude: false,
@@ -398,12 +398,12 @@ async function transformStyle({
   prepend,
   filename,
   applyVariables,
-  hasThemeFn
+  transformThemeFn
 }) {
   const s = new MagicString(content);
   if (applyVariables?.length)
     await transformApply({ s, uno, applyVariables });
-  if (hasThemeFn)
+  if (transformThemeFn)
     transformTheme(s, uno.config.theme);
   if (!s.hasChanged())
     return;
@@ -441,7 +441,7 @@ function UnocssSveltePreprocess(options = {}, unoContextFromVite, isViteBuild) {
         warnOnce("Notice for those transitioning to @unocss/svelte-scoped/vite: uno-preflights and uno-safelist are only for use in component libraries. Please see the documentation for how to add preflights and safelist into your head tag. If you are consuming a component library built by @unocss/svelte-scoped/preprocess, you can ignore this upgrade notice.");
       }
       const { hasApply, applyVariables } = checkForApply(content, options.applyVariables);
-      const hasThemeFn = !!content.match(themeRE);
+      const hasThemeFn = options.transformThemeDirective === false ? false : !!content.match(themeRE);
       const changeNeeded = addPreflights || addSafelist || hasApply || hasThemeFn;
       if (!changeNeeded)
         return;
@@ -459,7 +459,7 @@ function UnocssSveltePreprocess(options = {}, unoContextFromVite, isViteBuild) {
           filename,
           prepend: preflightsSafelistCss,
           applyVariables,
-          hasThemeFn
+          transformThemeFn: hasThemeFn
         });
       }
       if (preflightsSafelistCss)

package/dist/vite.d.mts

@@ -1,6 +1,6 @@
 import { Plugin } from 'vite';
 import { PluginOptions } from '@unocss/core';
-import { U as UnocssSveltePreprocessOptions } from './shared/svelte-scoped.BJnJpFJ9.mjs';
+import { U as UnocssSveltePreprocessOptions } from './shared/svelte-scoped.BG2YMHlZ.mjs';
 import '@unocss/config';
 
 interface UnocssSvelteScopedViteOptions extends UnocssSveltePreprocessOptions {

package/dist/vite.d.ts

@@ -1,6 +1,6 @@
 import { Plugin } from 'vite';
 import { PluginOptions } from '@unocss/core';
-import { U as UnocssSveltePreprocessOptions } from './shared/svelte-scoped.BJnJpFJ9.js';
+import { U as UnocssSveltePreprocessOptions } from './shared/svelte-scoped.BG2YMHlZ.js';
 import '@unocss/config';
 
 interface UnocssSvelteScopedViteOptions extends UnocssSveltePreprocessOptions {

package/dist/vite.mjs

@@ -1,30 +1,119 @@
 import process from 'node:process';
-import { cssIdRE, createGenerator } from '@unocss/core';
 import { createRecoveryConfigLoader } from '@unocss/config';
+import { cssIdRE, createGenerator } from '@unocss/core';
 import presetUno from '@unocss/preset-uno';
-import { U as UnocssSveltePreprocess } from './shared/svelte-scoped.BBcG3K4A.mjs';
+import remapping from '@ampproject/remapping';
+import MagicString from 'magic-string';
 import { readFileSync, existsSync, statSync } from 'node:fs';
 import { dirname, resolve } from 'node:path';
 import { fileURLToPath } from 'node:url';
-import MagicString from 'magic-string';
-import remapping from '@ampproject/remapping';
+import { U as UnocssSveltePreprocess } from './shared/svelte-scoped.DPsPs-Am.mjs';
 import 'css-tree';
 
-function PassPreprocessToSveltePlugin(context, options = {}) {
-  let commandIsBuild = true;
-  const isBuild = () => commandIsBuild;
+function ConfigHMRPlugin({ ready }) {
   return {
-    name: "unocss:svelte-scoped:pass-preprocess",
-    enforce: "pre",
-    configResolved({ command }) {
-      commandIsBuild = command === "build";
-    },
-    api: {
-      sveltePreprocess: UnocssSveltePreprocess(options, context, isBuild)
+    name: "unocss:svelte-scoped:config",
+    async configureServer(server) {
+      const { sources } = await ready;
+      if (!sources.length)
+        return;
+      server.watcher.add(sources);
+      server.watcher.on("add", handleFileChange);
+      server.watcher.on("change", handleFileChange);
+      server.watcher.on("unlink", handleFileChange);
+      function handleFileChange(filepath) {
+        if (sources.includes(filepath))
+          server.restart();
+      }
     }
   };
 }
 
+const IGNORE_COMMENT = "@unocss-ignore";
+const SKIP_START_COMMENT = "@unocss-skip-start";
+const SKIP_END_COMMENT = "@unocss-skip-end";
+const SKIP_COMMENT_RE = new RegExp(`(//\\s*?${SKIP_START_COMMENT}\\s*?|\\/\\*\\s*?${SKIP_START_COMMENT}\\s*?\\*\\/|<!--\\s*?${SKIP_START_COMMENT}\\s*?-->)[\\s\\S]*?(//\\s*?${SKIP_END_COMMENT}\\s*?|\\/\\*\\s*?${SKIP_END_COMMENT}\\s*?\\*\\/|<!--\\s*?${SKIP_END_COMMENT}\\s*?-->)`, "g");
+
+function hash(str) {
+  let i;
+  let l;
+  let hval = 2166136261;
+  for (i = 0, l = str.length; i < l; i++) {
+    hval ^= str.charCodeAt(i);
+    hval += (hval << 1) + (hval << 4) + (hval << 7) + (hval << 8) + (hval << 24);
+  }
+  return `00000${(hval >>> 0).toString(36)}`.slice(-6);
+}
+function transformSkipCode(code, map, SKIP_RULES_RE, keyFlag) {
+  for (const item of Array.from(code.matchAll(SKIP_RULES_RE))) {
+    if (item != null) {
+      const matched = item[0];
+      const withHashKey = `${keyFlag}${hash(matched)}`;
+      map.set(withHashKey, matched);
+      code = code.replace(matched, withHashKey);
+    }
+  }
+  return code;
+}
+function restoreSkipCode(code, map) {
+  for (const [withHashKey, matched] of map.entries())
+    code = code.replaceAll(withHashKey, matched);
+  return code;
+}
+
+async function applyTransformers(ctx, original, id, enforce = "default") {
+  if (original.includes(IGNORE_COMMENT))
+    return;
+  const transformers = (ctx.uno.config.transformers || []).filter((i) => (i.enforce || "default") === enforce);
+  if (!transformers.length)
+    return;
+  const skipMap = /* @__PURE__ */ new Map();
+  let code = original;
+  let s = new MagicString(transformSkipCode(code, skipMap, SKIP_COMMENT_RE, "@unocss-skip-placeholder-"));
+  const maps = [];
+  for (const t of transformers) {
+    if (t.idFilter) {
+      if (!t.idFilter(id))
+        continue;
+    } else if (!ctx.filter(code, id)) {
+      continue;
+    }
+    await t.transform(s, id, ctx);
+    if (s.hasChanged()) {
+      code = restoreSkipCode(s.toString(), skipMap);
+      maps.push(s.generateMap({ hires: true, source: id }));
+      s = new MagicString(code);
+    }
+  }
+  if (code !== original) {
+    return {
+      code,
+      map: remapping(maps, (_, ctx2) => {
+        ctx2.content = code;
+        return null;
+      })
+    };
+  }
+}
+
+const svelteIdRE = /[&?]svelte/;
+function createCssTransformerPlugins(context, cssTransformers) {
+  const enforces = ["default", "pre", "post"];
+  return enforces.map((enforce) => ({
+    name: `unocss:svelte-scoped-transformers:${enforce}`,
+    enforce: enforce === "default" ? void 0 : enforce,
+    async transform(code, id) {
+      if (!cssIdRE.test(id) || svelteIdRE.test(id))
+        return;
+      context.uno.config.transformers = cssTransformers ?? [];
+      return applyTransformers({
+        ...context,
+        affectedModules: /* @__PURE__ */ new Set()
+      }, code, id, enforce);
+    }
+  }));
+}
+
 const PLACEHOLDER_USER_SETS_IN_INDEX_HTML = "%unocss-svelte-scoped.global%";
 const GLOBAL_STYLES_PLACEHOLDER = "unocss_svelte_scoped_global_styles";
 const DEV_GLOBAL_STYLES_DATA_TITLE = "unocss-svelte-scoped global styles";
@@ -150,106 +239,17 @@ function GlobalStylesPlugin({ ready, uno }, injectReset) {
   };
 }
 
-const IGNORE_COMMENT = "@unocss-ignore";
-const SKIP_START_COMMENT = "@unocss-skip-start";
-const SKIP_END_COMMENT = "@unocss-skip-end";
-const SKIP_COMMENT_RE = new RegExp(`(//\\s*?${SKIP_START_COMMENT}\\s*?|\\/\\*\\s*?${SKIP_START_COMMENT}\\s*?\\*\\/|<!--\\s*?${SKIP_START_COMMENT}\\s*?-->)[\\s\\S]*?(//\\s*?${SKIP_END_COMMENT}\\s*?|\\/\\*\\s*?${SKIP_END_COMMENT}\\s*?\\*\\/|<!--\\s*?${SKIP_END_COMMENT}\\s*?-->)`, "g");
-
-function hash(str) {
-  let i;
-  let l;
-  let hval = 2166136261;
-  for (i = 0, l = str.length; i < l; i++) {
-    hval ^= str.charCodeAt(i);
-    hval += (hval << 1) + (hval << 4) + (hval << 7) + (hval << 8) + (hval << 24);
-  }
-  return `00000${(hval >>> 0).toString(36)}`.slice(-6);
-}
-function transformSkipCode(code, map, SKIP_RULES_RE, keyFlag) {
-  for (const item of Array.from(code.matchAll(SKIP_RULES_RE))) {
-    if (item != null) {
-      const matched = item[0];
-      const withHashKey = `${keyFlag}${hash(matched)}`;
-      map.set(withHashKey, matched);
-      code = code.replace(matched, withHashKey);
-    }
-  }
-  return code;
-}
-function restoreSkipCode(code, map) {
-  for (const [withHashKey, matched] of map.entries())
-    code = code.replaceAll(withHashKey, matched);
-  return code;
-}
-
-async function applyTransformers(ctx, original, id, enforce = "default") {
-  if (original.includes(IGNORE_COMMENT))
-    return;
-  const transformers = (ctx.uno.config.transformers || []).filter((i) => (i.enforce || "default") === enforce);
-  if (!transformers.length)
-    return;
-  const skipMap = /* @__PURE__ */ new Map();
-  let code = original;
-  let s = new MagicString(transformSkipCode(code, skipMap, SKIP_COMMENT_RE, "@unocss-skip-placeholder-"));
-  const maps = [];
-  for (const t of transformers) {
-    if (t.idFilter) {
-      if (!t.idFilter(id))
-        continue;
-    } else if (!ctx.filter(code, id)) {
-      continue;
-    }
-    await t.transform(s, id, ctx);
-    if (s.hasChanged()) {
-      code = restoreSkipCode(s.toString(), skipMap);
-      maps.push(s.generateMap({ hires: true, source: id }));
-      s = new MagicString(code);
-    }
-  }
-  if (code !== original) {
-    return {
-      code,
-      map: remapping(maps, (_, ctx2) => {
-        ctx2.content = code;
-        return null;
-      })
-    };
-  }
-}
-
-const svelteIdRE = /[&?]svelte/;
-function createCssTransformerPlugins(context, cssTransformers) {
-  const enforces = ["default", "pre", "post"];
-  return enforces.map((enforce) => ({
-    name: `unocss:svelte-scoped-transformers:${enforce}`,
-    enforce: enforce === "default" ? void 0 : enforce,
-    async transform(code, id) {
-      if (!cssIdRE.test(id) || svelteIdRE.test(id))
-        return;
-      context.uno.config.transformers = cssTransformers ?? [];
-      return applyTransformers({
-        ...context,
-        affectedModules: /* @__PURE__ */ new Set()
-      }, code, id, enforce);
-    }
-  }));
-}
-
-function ConfigHMRPlugin({ ready }) {
+function PassPreprocessToSveltePlugin(context, options = {}) {
+  let commandIsBuild = true;
+  const isBuild = () => commandIsBuild;
   return {
-    name: "unocss:svelte-scoped:config",
-    async configureServer(server) {
-      const { sources } = await ready;
-      if (!sources.length)
-        return;
-      server.watcher.add(sources);
-      server.watcher.on("add", handleFileChange);
-      server.watcher.on("change", handleFileChange);
-      server.watcher.on("unlink", handleFileChange);
-      function handleFileChange(filepath) {
-        if (sources.includes(filepath))
-          server.restart();
-      }
+    name: "unocss:svelte-scoped:pass-preprocess",
+    enforce: "pre",
+    configResolved({ command }) {
+      commandIsBuild = command === "build";
+    },
+    api: {
+      sveltePreprocess: UnocssSveltePreprocess(options, context, isBuild)
     }
   };
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unocss/svelte-scoped",
   "type": "module",
-  "version": "0.62.3",
+  "version": "0.63.0",
   "description": "Use UnoCSS in a modular fashion with styles being stored only in the Svelte component they are used in: Vite plugin for apps, Svelte preprocessor for component libraries",
   "author": "Jacob Bowdoin",
   "license": "MIT",
@@ -50,10 +50,11 @@
     "dist"
   ],
   "dependencies": {
-    "css-tree": "^2.3.1",
+    "css-tree": "^3.0.0",
     "magic-string": "^0.30.11",
-    "@unocss/config": "0.62.3",
-    "@unocss/reset": "0.62.3"
+    "@unocss/config": "0.63.0",
+    "@unocss/reset": "0.63.0",
+    "@unocss/preset-uno": "0.63.0"
   },
   "devDependencies": {
     "prettier-plugin-svelte": "^2.10.1",