How to use CSS @property with scss?

Question

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.