Chrome139で追加されたCSSカスタム関数の使い方

Chrome139で追加されたCSSカスタム関数が使えるようになったようなので簡単なデザインシステムのスペーシング関数を作ってみました。この関数では下記のように定義しています。

• ベース値: 8px（固定）
• --multiplier: 倍率（省略可能、デフォルト値: 1）
• 結果: 8px × 倍率
• 使用例: --space() = 8px, --space(2) = 16px