NativeScript 8 не компилирует SCSS в CSS

В моем проекте есть два пустых файла компонента входа в систему scss.

Если компонент загружает CSS:

 styleUrls: ["./login-common.css", "./login.css"]

когда я запускаю ns run ios, компилятор выдает ошибку CSS не найден.

Если я изменю его на SCSS

styleUrls: ["./login-common.scss", "./login.scss"]

У меня нет ошибок, но экран входа в симулятор пуст

Если я прокомментирую строку styleUrls, отобразится экран входа в систему.

Я думаю, мне следует использовать версию .css и, возможно, добавить/удалить некоторые зависимости и, возможно, изменить некоторые файлы конфигурации. Есть идеи?

Мой package.json :

"devDependencies": {
"@angular/compiler-cli": "~11.2.7",
"@nativescript/ios": "8.0.0",
"@nativescript/types": "~8.0.0",
"@nativescript/webpack": "beta",
"@ngtools/webpack": "~11.2.6",
"sass-loader": "^12.1.0",
"typescript": "~4.0.0",
"webpack": "^5.49.0"

},

Мой webpack.config.js:

const webpack = require("@nativescript/webpack");

module.exports = (env) => {
    webpack.init(env);

  webpack.chainWebpack(config => {
    config.module
      .rule('scss')
      .use('sass-loader')
      .options({ sassOptions: { indentedSyntax: false } })
  })
    return webpack.resolveConfig();
};