Cómo utilizar --var en SASS?

TheCzechTayen:

¿Cómo puedo utilizar variables en el archivo CSS SASS? Lo intenté:

:root
  --app: red

O

$color

:root
  --app: #{$color}

Quiero que el resultado de render como:

:root {
  --app: red
}

pero no funciona, me sale SassError: CSS válido, espera 1 selector o en normas, era "raíz: {"

¿Cómo se selecciona esta : root en el archivo SASS?

FIJO he desinstalado nodo-Sass e instalado Sass y funciona. Ty para ayudar :)

Nadim Al Abdou:

se puede comprobar este enlace para obtener más información https://sass-lang.com/documentation/breaking-changes/css-vars

HABLAR CON DESCARO A

$accent-color: #fbbc04

:root
// WRONG, will not work in recent Sass versions.
--accent-color-wrong: $accent-color

// RIGHT, will work in all Sass versions.
--accent-color-right: #{$accent-color}

SCSS

$accent-color: #fbbc04;

:root {
  // WRONG, will not work in recent Sass versions.
  --accent-color-wrong: $accent-color;

  // RIGHT, will work in all Sass versions.
  --accent-color-right: #{$accent-color};
}