SassError: $color: var(--bs-secondary-color) is not a color

Question

Getting this error even though I havent made changes to the sass files.

`./nodemodules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[2].oneOf[9].use[1]!./nodemodules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[2].oneOf[9].use[2]!./nodemodules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[2].oneOf[9].use[3]!./nodemodules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[2].oneOf[9].use[4]!./src/scss/style.default.scss

SassError: $color: var(--bs-secondary-color) is not a color.

╷

185 │ "r": red($color),

│ ^^^^^^^^^^^`

Please help me understand !

SassError: $color: var(--bs-secondary-color) is not a color

Looking for more? Join the community!