fix: handle backslash in font-icons when generating CSS

vaadin · Oct 17, 2024 · 94bc49f · 94bc49f
1 parent 6355fba
commit 94bc49f
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/scripts/css-generator.ts b/scripts/css-generator.ts
@@ -164,7 +164,10 @@ function shimThemableMixin(moduleId: string) {
   return shimModule(themableMixin, {
     ...themableMixinModule,
     css(strings: readonly string[], ...values: ReadonlyArray<CSSResult | number>) {
-      return new CSSResult(moduleId, strings, values);
+      const result: readonly string[] = moduleId.endsWith('font-icons.js')
+        ? strings.map((string) => string.replace(/'\\\\([a-z0-9]+)'/g, "'\\$1'"))
+        : strings;
+      return new CSSResult(moduleId, result, values);
     },
     registerStyles() {},
     unsafeCSS,