css - css-houdini ペイントで JS-in-CSS を実行できませんか?

Question

この例をコピーしようとしています。React/Electron プロジェクトのモジュラー CSS で使用している scss ファイルがあります。paint例のように、同じファイルで使用される関数を定義したい:

.container {
  --background-canvas: (ctx, geom) => {
    // left blank for minimal example
  };
  background-image: paint(background-canvas);
  display: flex;
  margin: 4px;
  border-radius: 12px;
  height: 75px;
}

ただし、これは でコンパイルできません CssSyntax error: Expected a pseudo-class or pseudo-element. (2:23)。デモは何をしていないのですか？