Function namespaceCssVariables

packages/compiler/src/shadow_css.ts:1050–1066

(cssText: string)

 * E.g. `--global--mycolor: red;` becomes `--mycolor: red;`
 */
export function namespaceCssVariables(cssText: string): string {
  return cssText.replace(_cssVariableRe, (match, leadingVar, varName, trailingColon) => {
    // Check for a leading `var(` or trailing `:` to approximate whether we're operating on a
    // real CSS variable, not another piece of syntax that resembles it. For example, this
    // guards against:
    // - `.foo--bar {}`
    // - `/* --foo */`
    // - `p { content: "--foo" }`
    // - `[data---bar] {}`
    // - `[data-status=foo--bar] {}`
    // etc.
    if (!leadingVar && !trailingColon) {
      return match;
    }
    return (leadingVar ?? '') + namespaceCssVariable(varName) + (trailingColon ?? '');
  });
}

export class CssRule {
  constructor(