@property: анимируемые design tokens без Sass-переменных
Регистрация `--brand-hue` с типом `<number>` и плавные переходы custom properties.
At-rule `@property` описывает кастомное свойство с синтаксисом, наследованием и initial-value — браузер может интерполировать его в `@keyframes` и `transition`.
Удобно для анимации hue/lightness в OKLCH-токенах без отдельного JS.
- @property — MDN — syntax, inherits, initial-value.
- CSS Houdini @property — web.dev — Примеры анимации переменных.
Ограничения
Не все свойства можно зарегистрировать — сложные shorthand лучше оставить статичными.
Документируйте зарегистрированные properties в UI-kit README.