fix: patch theme (#5469)

packages/components/src/utils/prop.validators.ts

@@ -4,7 +4,7 @@ import rgba from 'rgba-convert';
 import { Subject } from 'rxjs';
 import { hex, score } from 'wcag-contrast';
 
-import { Generic, patchTheme } from '@a11y-ui/core';
+import { Generic, patchTheme, patchThemeTag } from '@a11y-ui/core';
 
 import { Stringified } from '../types/common';
 import { AriaCurrentPropType } from '../types/props/aria-current';
@@ -486,6 +486,7 @@ export const ariaCurrentSubject = new Subject<AriaCurrentEventType>();
 
 export class KoliBriDevHelper {
 	public static readonly patchTheme = patchTheme;
+	public static readonly patchThemeTag = patchThemeTag;
 	public static readonly querySelector = koliBriQuerySelector;
 	public static readonly querySelectorAll = koliBriQuerySelectorAll;
 	public static readonly stringifyJson = stringifyJson;

packages/designer/src/components/editor/css-style.editor.ts

@@ -1,7 +1,8 @@
 import { editor, KeyCode } from 'monaco-editor';
 import { format } from 'prettier';
 import parserCss from 'prettier/esm/parser-postcss.mjs';
-import { KoliBriDevHelper } from '@public-ui/components';
+// import { KoliBriDevHelper } from '@public-ui/components';
+import { Generic, patchThemeTag } from '@a11y-ui/core';
 import { storeThemes } from '../../shares/theme';
 
 /**
@@ -39,7 +40,8 @@ export const createCssEditor = (model: editor.ITextModel, ref: HTMLElement, tagN
 				model.updateOptions({
 					tabSize: 2,
 				});
-				KoliBriDevHelper.patchThemeTag(theme, tagName, css);
+				// KoliBriDevHelper.patchThemeTag(theme, tagName, css);
+				patchThemeTag(theme, tagName as Generic.Theming.Props<string, string>, css);
 				storeThemes();
 				setSignal(() => false);
 				const timeout = setTimeout(() => {