css - 複数のデフォルト値を持つ CSS 変数の calc() で CSS 解析エラーを投稿する

Question

Post CSS を使用して Nuxt.JS プロジェクトを実行していますが、プロジェクトの静的バージョンの生成中に次のエラーが発生します。

JisonParserError: Parse error on line 1:
calc(100% / 12) * var(--cols-md, var(--cols-sm, var(--cols, (12))))
-----------------------------------------------------------------^

失敗する CSS スニペット(ただし、W3C CSS Validator によると正しいマークアップ) は次のようになります。

@media (min-width: 1024px) {
  .c-col {
    width: calc(calc(100% / 12) * var(--cols-md, var(--cols-sm, var(--cols, 12))));
  }
}

奇妙なことに、3 番目のフォールバックを追加した後に失敗し始めます。ドキュメントのさらに上にあるこのスニペットが正しく解析されるためです。

@media (min-width: 768px) {
  .c-col {
    width: calc(calc(100% / 12) * var(--cols-sm, var(--cols, 12)));
  }
}

何か助けはありますか？ありがとう！