Allow using CSS level 4 viewport-relative units

[kurudrive]

チケットへのリンク / 変更の理由（元のissueがあればリンクを貼り付ければOK）

https://github.com/vektor-inc/x-t9/pull/256

どういう変更をしたか？

• このプルリクで変更した事を記載してください

■ Before

■ After

実装者の確認事項

実装者はレビュワーに回す前に以下の事を確認してチェックをつけてください。

• [x] 複数の意図の変更 （ 機能の不具合修正 + 別の機能追加など ） を含んでいないか？
• [x] Files changed (変更ファイル)の内容は目視で確認したか？
• [x] readme.txt に変更内容は書いたか？
• [x] 本当にちゃんと確認をしたか？

プログラムの変更の場合

テストを書かないのは普通ではありません。書けるテストは極力書くようにしてください。

• [ ] 書けそうなテストは書いたか？ → 仕様変更に伴う単位追加のみなので省略

変更内容について何を確認したか、どういう方法で確認をしたかなど

実装者が確認した手順を箇条書きで記載してください。

• G2 モードで単位が増えてる事を確認
• G3 モード / 非 theme.json で単位が増えてる事を確認
• G3 モード / theme.json で単位が増えてる事を確認

確認URL

（　どこかのデモサイトかテストサーバーにデプロイ済みなどで確認できる場合はそのURL　）

レビュワーに回す前の確認事項

• [x] 実装者はこのテンプレートのチェック項目をちゃんと確認してチェックしたか？

レビュワー確認方法・確認内容など

レビュワーがどういう手順で何を確認して欲しいかを記載してください。

• 実装者に同じ
• 一人確認でOK

---

レビュワー向け

レビュワーが確認して変更が反映されていない場合の確認事項

レビューしてみて意図した動作をしない場合は再度ビルドするなど以下の項目を確認してください。

• プルしたか？
• ビルドしたか？
• ビルドしたディレクトリは正しいか（別の開発環境のディレクトリを見ていないか）？
• npm install したか？
• composer install したか？
• キャッシュをクリアして確認したか？

[kurudrive]

@mtdkei 確認ありがとうございますー。approve にしてくださいーん。