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

Getting this error even though I havent made changes to the sass files. ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[2].oneOf[9].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[2].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[2].oneOf[9].use[3]!./node_modules/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 !
UU
Unknown User313d ago