getting errors on build after new app is created

Reproduce the failure with npx -p devextreme-cli devextreme new angular-app app-name and inspect the Sass errors in the listed app.component.scss, layout, and shared component stylesheet files. Confirm the generated application builds successfully without the null-color errors.

getting errors on build after new app is created;

after: npx -p devextreme-cli devextreme new angular-app app-name

Build at: 2021-12-01T15:32:33.210Z - Hash: 282e8f3badea2247d0b5 - Time: 27364ms

./src/app/app.component.scss - Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: $color: null is not a color.
╷
3 │ background-color: darken($base-bg, 5.00);
│ ^^^^^^^^^^^^^^^^^^^^^^
╵
src\app\app.component.scss 3:21 root stylesheet

./src/app/layouts/single-card/single-card.component.scss - Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: $color: null is not a color.
╷
36 │ color: rgba($base-text-color, alpha($base-text-color) * 0.7);
│ ^^^^^^^^^^^^^^^^^^^^^^^
╵
src\app\layouts\single-card\single-card.component.scss 36:39 root stylesheet

./src/app/shared/components/create-account-form/create-account-form.component.scss - Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: $color: null is not a color.
╷
6 │ color: rgba($base-text-color, alpha($base-text-color) * 0.7);
│ ^^^^^^^^^^^^^^^^^^^^^^^
╵
src\app\shared\components\create-account-form\create-account-form.component.scss 6:35 root stylesheet

./src/app/shared/components/footer/footer.component.scss - Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: $color: null is not a color.
╷
5 │ color: rgba($base-text-color, alpha($base-text-color) * 0.7);
│ ^^^^^^^^^^^^^^^^^^^^^^^
╵
src\app\shared\components\footer\footer.component.scss 5:33 root stylesheet

./src/app/shared/components/login-form/login-form.component.scss - Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: $color: null is not a color.
╷
17 │ color: rgba($base-text-color, alpha($base-text-color) * 0.7);
│ ^^^^^^^^^^^^^^^^^^^^^^^
╵
src\app\shared\components\login-form\login-form.component.scss 17:35 root stylesheet

./src/app/shared/components/side-navigation-menu/side-navigation-menu.component.scss - Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: $color: null is not a color.
╷
77 │ background-color: lighten($base-bg, 4.00);
│ ^^^^^^^^^^^^^^^^^^^^^^^
╵
src\app\shared\components\side-navigation-menu\side-navigation-menu.component.scss 77:31 root stylesheet

** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **

× Failed to compile.