fix: disable resolveCSSVariables in juice (#1131)

Author: zeevenn

apps/web/src/components/editor/editor-header/index.vue

@@ -140,7 +140,16 @@ async function copy() {
 
   setTimeout(() => {
     nextTick(async () => {
-      await processClipboardContent(primaryColor.value)
+      try {
+        await processClipboardContent(primaryColor.value)
+      }
+      catch (error) {
+        toast.error(`处理 HTML 失败，请联系开发者。${normalizeErrorMessage(error)}`)
+        editorRefresh()
+        emit(`endCopy`)
+        return
+      }
+
       const clipboardDiv = document.getElementById(`output`)
 
       if (!clipboardDiv) {

apps/web/src/utils/index.ts

@@ -253,6 +253,9 @@ function mergeCss(html: string): string {
   return juice(html, {
     inlinePseudoElements: true,
     preserveImportant: true,
+    // 禁用 CSS 变量解析，避免 juice 处理时的错误
+    // 新主题系统已通过 postcss 处理 CSS 变量
+    resolveCSSVariables: false,
   })
 }