updateCssStyle.ts

let variablesStyles: { [key: string]: HTMLStyleElement } = {};

function updateCssStyle(id: string, styleString: string): void {
  const newStyle = styleString;

  if (!variablesStyles[id]) {
    variablesStyles[id] = document.createElement('style');
    document.head.appendChild(variablesStyles[id]);
  }

  variablesStyles[id].innerHTML = newStyle;
}

export function updateCssClass(className: string, styleString: string): void {
  updateCssStyle(
    className,
    `
    .${className} {
      ${styleString}
    }
  `
  );
}