diff --git a/packages/ai-code/src/module/completion-item/completion-item.ts b/packages/ai-code/src/module/completion-item/completion-item.ts
index a1ce7aa36dcbab71cd836a3bb3ee292fa790384a..f2144733fdace0885b5fd0a796223510e5b9c4f5 100644
--- a/packages/ai-code/src/module/completion-item/completion-item.ts
+++ b/packages/ai-code/src/module/completion-item/completion-item.ts
@@ -71,13 +71,15 @@ export class CompletionItem {
         if (cssVariableCode) {
           const variablePattern = /--([\w-]+):\s*([^;]+);/g;
           const _tempVar = new Map();
-          cssVariableCode.matchAll(variablePattern).forEach(_match => {
-            const cssVar = `--${_match[1]}`;
-            _tempVar.set(cssVar, {
-              label: cssVar,
-              detail: _match[2].trim(),
-            });
-          });
+          Array.from(cssVariableCode.matchAll(variablePattern) ?? []).forEach(
+            _match => {
+              const cssVar = `--${_match[1]}`;
+              _tempVar.set(cssVar, {
+                label: cssVar,
+                detail: _match[2].trim(),
+              });
+            },
+          );
           cssVariables.push(..._tempVar.values());
         }
       } catch (error) {
diff --git a/packages/layout-design/src/panel-items/sys-css-design/sys-css-design.tsx b/packages/layout-design/src/panel-items/sys-css-design/sys-css-design.tsx
index 0dfaf3b33537e86529a93ca9d695837c60fc579c..088ea798e5df22cb03f13b28b6c54d8d1d0fe176 100644
--- a/packages/layout-design/src/panel-items/sys-css-design/sys-css-design.tsx
+++ b/packages/layout-design/src/panel-items/sys-css-design/sys-css-design.tsx
@@ -399,13 +399,15 @@ export default defineComponent({
         if (cssVariableCode) {
           const variablePattern = /--([\w-]+):\s*([^;]+);/g;
           const _tempVar = new Map();
-          cssVariableCode.matchAll(variablePattern).forEach(_match => {
-            const cssVar = `--${_match[1]}`;
-            _tempVar.set(cssVar, {
-              label: cssVar,
-              detail: _match[2].trim(),
-            });
-          });
+          Array.from(cssVariableCode.matchAll(variablePattern) ?? []).forEach(
+            _match => {
+              const cssVar = `--${_match[1]}`;
+              _tempVar.set(cssVar, {
+                label: cssVar,
+                detail: _match[2].trim(),
+              });
+            },
+          );
           cssVariables.push(..._tempVar.values());
         }
       } catch (error) {