А вы знали, что next ломает вам типизацию перменных?

Если вы напишите ...

@property --var {
  syntax: "<percentage>";
  initial-value: 0%;
  inherits: true;
}

...то next оптимизирует до initial-value: 0;, потому что cssnano в текущей последней версии next считает что это хорошо.
И работает конечно ничего не будет.

Что делать?

Писать initial-value: 0.0%;, либо менять тип на <length-percentage>.

Ну и ждать пока next обновит версию cssnano.

P.S. первый ночной пост в канале 👩‍💻🌚