'How to use CSS @property with scss?

I want to declare a custom variable with a specific syntax e.g.:

@property --colorPrimary {
  syntax: "<color>";
  initial-value: magenta;
  inherits: false;
}

So that I can animate the property, however this bit of code seems to be ignored by scss.

css sass css-houdini

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Solution	Source