Herokuのデプロイエラーを解決したいです（JisonLexerError）

Question

Herokuでデプロイができず困っています。

以下の箇所がエラーの主な内容だと思います。

Compilation failed:
JisonLexerError: Lexical error on line 1: Unrecognized text.
Erroneous area:
1: 2 * $table-border-width

●下にpostcssのことがたくさん記載されているので、そこに"Unrecognized text."が存在しているのでしょうか？
postcss.config.jsは以下の通りとなっており、自分では何もいじっていません、

module.exports = {
  plugins: [
    require('postcss-import'),
    require('postcss-flexbugs-fixes'),
    require('postcss-preset-env')({
      autoprefixer: {
        flexbox: 'no-2009'
      },
      stage: 3
    })
  ]
}

●自分のscriptをtable-border-widthで全体検索すると、以下がヒットします。
CALC関係のCSSファイルが悪さしているのかと思いましたが、検索結果にそのようなCSSファイルはないようです。
下記からなにか原因がわかりますでしょうか？

Answer 1

長い戦いでしたが、以下で解決できました。。！！

//package.jsonにて、versionを以下に変更
- "@rails/webpacker": "4.3.0",
+ "@rails/webpacker": "^5.1.1",

上記変更の後、以下を実施　　
$ yarn install
$ git add yarn.lock
$ git commit -m "Updated Yarn lockfile"
$ git push heroku main

これで、Precompiling assets failed.も無くなりました。

備忘録：
herokuプッシュ時のログによく見たら、”webpack-dev-server@4.9.2" has unmet peer dependency "webpack@^4.37.0 || ^5.0.0".”　とあり、webpack-dev-serverの依存パッケージに合致（peerDependencies）したwebpackのversionにしておいた方がいいよ、という意味らしいです。（この警告が出てもデプロイできることがあるので見逃されがちらしい）

結局、JisonLexerErrorやpostcss-calcが直接何かの原因になっているわけではない？ようです。

参考（Precompiling assets failedについて）：
https://qiita.com/Yamashita-Taiki/items/0ef9e76cfceb4a655452

参考（has unmet peer dependencyについて）：
https://github.com/rails/webpacker/issues/1078