// style.scss
:root{
  --color-property: $var1;
}

// style.css
:root{
  --color-property: $var1;
}

// No compila nada de las variables:
//tal vez porque :root es el unico pseudo elemento al que se puede aceder directamentes, incluso //desde JS, como; let root = document.querySelector(":root")