refactor: extract nonce handling logic into shared function

提取了 useCacheToken 和 useCSSVarRegister 中重复的 nonce 处理逻辑为 mergeCSSConfig 共享函数，减少代码重复并提高可维护性。

Changes:
- 在 util/index.ts 中添加 mergeCSSConfig 工具函数
- useCacheToken 使用 mergeCSSConfig 代替重复代码
- useCSSVarRegister 使用 mergeCSSConfig 代替重复代码

Author: zombieJ

src/hooks/useCSSVarRegister.ts

@@ -5,7 +5,7 @@ import StyleContext, {
   ATTR_TOKEN,
   CSS_IN_JS_INSTANCE,
 } from '../StyleContext';
-import { isClientSide, toStyleStr } from '../util';
+import { isClientSide, mergeCSSConfig, toStyleStr } from '../util';
 import type { TokenWithCSSVar } from '../util/css-variables';
 import { transformToken } from '../util/css-variables';
 import type { ExtractStyle } from './useGlobalCache';
@@ -71,17 +71,15 @@ const useCSSVarRegister = <V, T extends Record<string, V>>(
       if (!cssVarsStr) {
         return;
       }
-      const mergedCSSConfig: Parameters<typeof updateCSS>[2] = {
-        mark: ATTR_MARK,
-        prepend: 'queue',
-        attachTo: container,
-        priority: -999,
-      };
-
-      const nonceStr = typeof nonce === 'function' ? nonce() : nonce;
-      if (nonceStr) {
-        mergedCSSConfig.csp = { nonce: nonceStr };
-      }
+      const mergedCSSConfig = mergeCSSConfig<Parameters<typeof updateCSS>[2]>(
+        {
+          mark: ATTR_MARK,
+          prepend: 'queue',
+          attachTo: container,
+          priority: -999,
+        },
+        nonce,
+      );
 
       const style = updateCSS(cssVarsStr, styleId, mergedCSSConfig);
 

src/hooks/useCacheToken.tsx

@@ -7,7 +7,7 @@ import StyleContext, {
   CSS_IN_JS_INSTANCE,
 } from '../StyleContext';
 import type Theme from '../theme/Theme';
-import { flattenToken, memoResult, token2key, toStyleStr } from '../util';
+import { flattenToken, memoResult, mergeCSSConfig, token2key, toStyleStr } from '../util';
 import { transformToken } from '../util/css-variables';
 import type { ExtractStyle } from './useGlobalCache';
 import useGlobalCache from './useGlobalCache';
@@ -220,17 +220,15 @@ export default function useCacheToken<
       if (!cssVarsStr) {
         return;
       }
-      const mergedCSSConfig: Parameters<typeof updateCSS>[2] = {
-        mark: ATTR_MARK,
-        prepend: 'queue',
-        attachTo: container,
-        priority: -999,
-      };
-
-      const nonceStr = typeof nonce === 'function' ? nonce() : nonce;
-      if (nonceStr) {
-        mergedCSSConfig.csp = { nonce: nonceStr };
-      }
+      const mergedCSSConfig = mergeCSSConfig<Parameters<typeof updateCSS>[2]>(
+        {
+          mark: ATTR_MARK,
+          prepend: 'queue',
+          attachTo: container,
+          priority: -999,
+        },
+        nonce,
+      );
 
       const style = updateCSS(cssVarsStr, hash(`css-var-${themeKey}`), mergedCSSConfig);
 

src/util/index.ts

@@ -155,6 +155,25 @@ export function supportLogicProps(): boolean {
 
 export const isClientSide = canUseDom();
 
+/**
+ * Merge CSS injection configuration with nonce support
+ */
+export function mergeCSSConfig<T extends Record<string, any>>(
+  config: T,
+  nonce?: string | (() => string),
+): T {
+  if (!nonce) {
+    return config;
+  }
+  
+  const mergedConfig = { ...config };
+  const nonceStr = typeof nonce === 'function' ? nonce() : nonce;
+  if (nonceStr) {
+    (mergedConfig as any).csp = { nonce: nonceStr };
+  }
+  
+  return mergedConfig;
+}
 export function unit(num: string | number) {
   if (typeof num === 'number') {
     return `${num}px`;