"You may need an additional loader to handle the result of these loaders" error

Estoy migrando de version de Angular una aplicación de la 8 a la 16, luego de arreglar muchos errores tengo el último que aparece al momento de compilar, el cual lo tengo para todos los archivos .scss que tengo en esa carpeta.

(https://i.sstatic.net/ZLdNSplm.png)

tsconfig.json

angular.json

archivos que dan error package.json { "name": "xxxxn", "version": "0.1.0", "description": "xxxx", "author": "xxxx", "license": "xxxxxxx", "private": true, "scripts": { xxxx }, "dependencies": { "@angular/animations": "^16.0.0", "@angular/cdk": "^16.0.0", "@angular/cli": "^16.0.0", "@angular/common": "^16.0.0", "@angular/compiler": "^16.0.0", "@angular/core": "^16.0.0", "@angular/fire": "^16.0.0", "@angular/forms": "^16.0.0", "@angular/platform-browser": "^16.0.0", "@angular/platform-browser-dynamic": "^16.0.0", "@angular/pwa": "^0.1102.8", "@angular/router": "^16.0.0", "@angular/service-worker": "^16.0.0", "@fortawesome/fontawesome-free": "5.15.0", "@ngx-translate/core": "^15.0.0", "@ngx-translate/http-loader": "^8.0.0", "@types/googlemaps": "^3.39.6", "angular2-text-mask": "9.0.0", "bootstrap": "^4.0.0", "codemirror": "5.42.0", "core-js": "^3.0.0", "css-loader": "^6.11.0", "enhanced-resolve": "3.3.0", "exceljs": "^1.10.0", "file-saver": "^2.0.5", "firebase": "^9.0.0", "flot": "themicon/flot", "font-awesome": "4.7.0", "intl": "1.2.5", "jquery": "3.4.1", "jquery-slimscroll": "1.3.8", "lodash": "^4.17.12", "modernizr": "3.7.1", "moment": "^2.27.0", "ng2-file-upload": "1.3.0", "ng2-validation": "4.2.0", "ngx-bootstrap": "^11.0.0", "ngx-image-compress": "^8.0.4", "ngx-image-cropper": "^8.0.0", "ngx-infinite-scroll": "6.0.1", "ngx-pagination": "^6.0.0", "ngx-select-ex": "3.6.7", "ngx-spinner": "^17.0.0", "ngx-toastr": "^17.0.2", "onesignal-ngx": "^2.0.1", "resolve-url-loader": "^5.0.0", "rxjs": "^7.0.0", "sass-loader": "^13.3.3", "screenfull": "3.3.3", "simple-line-icons": "2.4.1", "source-sans-pro": "2.40.0", "spinkit": "1.2.5", "sweetalert": "2.1.2", "tinymce": "^4.9.11", "ts-helpers": "1.1.1", "tslib": "^2.0.0", "web-animations-js": "^2.2.1", "zone.js": "^0.13.3" }, "devDependencies": { "@angular-devkit/build-angular": "^16.0.0", "@angular/cli": "^16.2.16", "@angular/compiler-cli": "^16.0.0", "@angular/language-service": "^16.0.0", "@types/codemirror": "0.0.67", "@types/jasmine": "3.3.8", "@types/jasminewd2": "2.0.3", "@types/lodash": "^4.14.118", "@types/node": "10.12.3", "jasmine-core": "3.4.0", "jasmine-spec-reporter": "4.2.1", "karma": "^6.0.0", "karma-chrome-launcher": "^3.0.0", "karma-cli": "1.0.1", "karma-coverage-istanbul-reporter": "2.0.5", "karma-jasmine": "2.0.1", "karma-jasmine-html-reporter": "1.4.0", "karma-read-json": "1.1.0", "loaders.css": "0.1.2", "style-loader": "^3.3.4", "ts-node": "7.0.0", "tslint": "5.16.0", "typescript": "^5.0.0", "webdriver-manager": "10.2.5" } }

Continue reading...