postcssをnext.jsで導入した際に、postcss-mathが計算されない

Question

gulpでpostcssを使用したことはあったのですが、next.jsでは初の導入で今まではgulpのタスクとして書いていましたが、
今回はpostcss.config.jsを使用しているのですが、postcss-mathだけうまく作動しません。
他のプラグインは動いているので、書き方は間違っていないと思おうのですが、どなたか詳しいかたご確認いただけますでしょうか?

ちなみにエディターでエラーが出ているわけではないですが、ブラウザでデベロッパーツールのstyleの
該当箇所を確認してみると、エラーが出てる感じです。

html {
  font-size: resolve((10/375 * 100) * 1vw);
}

module.exports = {
  plugins: {
    autoprefixer: {},
    'postcss-import':{},
    'postcss-preset-env': {
      stage: 2,
      features: {
        autoprefixer: true,
      },
    },
    'postcss-nested': {},
    'postcss-mixins': {},
    'postcss-simple-vars': {},
    'postcss-math': {},
    tailwindcss: { config: './tailwind.config.js' },
  },
};

Answer 1

vs-codeを再起動したら解決しました。