Firefox 128 で CSS @property の実装が揃うのでボチボチ使い始めたいと思って試してみたら、どうも↓のように <length> へ相対長さの初期値を指定することはできないようだ。

@property --x {
syntax: '<length>';
inherits: false;
initial-value: 1em;
}

理由はこの辺かな。"The initial-value must be computationally independent."
https://drafts.css-houdini.org/css-properties-values-api/#initial-value-descriptor

とりあえず syntax: '*' にすれば相対長さも認識されたけれど、こういう回避方法で大丈夫なのだろうか。inherits: false は効くのでそれでも @property にするメリットはあるはず。