Nuxt環境のnodeをv14にしたときに発生した事象と対応

nuxt@2.15.8 環境を node@14.18.3 へ移行

node-sass を利用していたが利用できなくなったので
以下をインストール

nuxt.config.jsには特になにもしなくても利用できる状態に

/deep/ が使用できなくなったので ::v-deep へ置換

sass で cssのcalcなしの除算が今後利用できなくなるというwarningが出たので calcを追加

padding-top: 16 / 9 * 100%;

↓

padding-top: calc(16 / 9 * 100%);

scssで、右から負数を掛けているcalc付きの計算で syntax errorが出たので掛ける位置を移動

top: calc(var(--variable) * -1);

↓

top: calc(-1 * var(--variable));

ちょっと調べたけど理由がわからず
sass のリポジトリに似たような issueがあったけど、そこで書いてあった負数に () 付けると良いというのは結局使えなかった