Optimization

[argyleink]

• should check if :root is in the stylesheet already or not
• should check if that existing :root has props already before injecting

:root {
  --red: red;
}

p {
  color: var(--blue);
}

should be:

:root {
  --red: red;
  --blue: blue;
}

p {
  color: var(--blue);
}

not:

:root {
  --red: red;
}

:root {
  --blue: blue;
}

p {
  color: var(--blue);
}