Ошибка сборки ng: ошибка sass: null не является цветом

Я работаю над проектом, который теперь обновляется до angular 15, и при попытке настроить тестовую среду сборка / запуск выдает эту ошибку для того, что кажется связанным с материалом, темами и sass. это также, кажется, связано с индикатором выполнения. вот что я получаю: `

./src/theme/styles.scss?ngGlobalStyle - Error: Module build failed (from ../../node_modules/mini-css-extract-plugin/dist/loader.js):
HookWebpackError: Module build failed (from ../../node_modules/sass-loader/dist/cjs.js):
SassError: $color: null is not a color.
   ╷
16 │     track-color: color.adjust(mdc-theme-color.prop-value($color), $alpha: -0.75),
   │                  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   ╵
  ../../node_modules/@angular/material/progress-bar/_progress-bar-theme.scss 16:18  -palette-styles()
  ../../node_modules/@angular/material/progress-bar/_progress-bar-theme.scss 28:7   @content
  ../../node_modules/@angular/material/core/mdc-helpers/_mdc-helpers.scss 176:5     @content
  ../../node_modules/@angular/material/core/mdc-helpers/_mdc-helpers.scss 216:3     disable-mdc-fallback-declarations()
  ../../node_modules/@angular/material/core/mdc-helpers/_mdc-helpers.scss 175:3     using-mdc-theme()
  ../../node_modules/@angular/material/progress-bar/_progress-bar-theme.scss 26:3   color()
  ../../node_modules/@angular/material/progress-bar/_progress-bar-theme.scss 53:7   @content
  ../../node_modules/@angular/material/core/theming/_theming.scss 402:3             private-check-duplicate-theme-styles()
  ../../node_modules/@angular/material/progress-bar/_progress-bar-theme.scss 47:3   theme()
  ../../node_modules/@angular/material/core/theming/_all-theme.scss 47:5            @content
  ../../node_modules/@angular/material/core/theming/_theming.scss 402:3             private-check-duplicate-theme-styles()
  ../../node_modules/@angular/material/core/theming/_all-theme.scss 44:3            all-component-themes()
  ../../node_modules/@angular/material/core/color/_all-color.scss 15:3              all-component-colors()
  src/theme/styles.scss 49:3                                                        root stylesheet

`

Как мне начать с этого? извините за низкое описание, если кто-то поможет мне получить дополнительную информацию, если это будет здорово.

Я попытался обновиться до angular 15 и запустить локальную тестовую среду с помощью ng build или ng start, но он застрял на этом.

У меня есть это в styles.scss:

@include mat.all-component-colors($myapp-theme); // Progress bars don't work without this

И это в файле variable.scss:

$myapp-theme: mat.define-light-theme($app-primary, $app-accent, $app-warn);

Что должно быть связано.

Любое руководство будет очень признательно.

* с использованием узла 16 npm 8 и углового 15.