Estou tentando definir uma regra @property CSS para um tamanho de fonte com um valor inicial baseado em rem.
https://developer.mozilla.org/en-US/docs/Web/CSS/@property
Funciona desde que nenhuma sintaxe seja definida:
@property --font-size {
syntax: '*';
initial-value: 2rem;
}
Mas ao definir a sintaxe de comprimento, que inclui unidades rem baseadas nos documentos, ela é ignorada pelo navegador:
@property --font-size {
syntax: '<length>';
initial-value: 2rem;
}
Exemplo: https://stackblitz.com/edit/stackblitz-starters-axmosbgb?file=styles.css