Gatsby netlify cms clean install fails

I am seeing the following error on two netlify-cms-gatasby sites.
site: https://verde-gatsby-marketing.netlify.app/
github - GitHub - semdinsp/verde-gatsby-marketing

Invalid CSS after "$kaldi-red-invert": expected 1 selector or at-rule, was ": #fff"
in /Users/scott/Documents/1programming/checkouts/verde-gatsby-marketing/src/components/all.sass (line 6, column 1)
failed Building development bundle - 27.402s
ERROR  Failed to compile with 1 errors8:28:05 AM
⠀
 error  in ./src/components/all.sass
⠀
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):

it is related to my mac I think but I can not seem to fix. I have upgraded yarn.

Does anyone have any suggestions? This used to work but is painful as it makes ithard to develop on my mac.

I just checked Google for this error and it probably has something to do with webpack.config.js.

Check here:

While the issue says it’s happening in Vue, the mentioned fix might work for Gatsby too as the file they’re changing is the webpack config.