CSSでif()が使えるようになる

Inline conditionals（if()）が CSS Values Module Level 5 の仕様に追加される。

@supportsやstyle(--variable, val)のような分岐をブロックにわけず書けるようになるので、スコープが狭くなり可読性が向上する。

Before

.class {
  prop: xxx;
}
@supports (...) {
  .class {
    prop: yyy;
  }
}

After

.class {
  prop: if(supports(...), xxx, yyy);
}