Bootstrap _reboot.scss, переопределяющий стили PrimeNG ⇐ CSS

[Anonymous]

Похоже, что Bootstrap переопределяет мои стили PrimeNG, точнее, файл _reboot.scss. Я включил ту часть, на которую я ссылался, в свои стили.scss и angular.json. Я немного покопался и увидел, что это исправляется в стандартной настройке с помощью только HTML, а не в среде Angular.
В моем файле style.scss вверху есть следующее:
@import 'modern-normalize/modern-normalize.css';
@import "bootstrap/dist/css/bootstrap.css";
@import 'bootstrap-icons/font/bootstrap-icons';
@import "primeicons/primeicons.css";
@import "primeflex/primeflex.css";
@import "primeng/resources/primeng.min.css";

И тогда в моем angular.json у меня есть следующее:
"styles": [
"modern-normalize/modern-normalize.css",
"bootstrap-icons/font/bootstrap-icons.css",
"bootstrap/dist/css/bootstrap.css",
"primeicons/primeicons.css",
"primeflex/primeflex.css",
"primeng/resources/primeng.min.css",
"src/styles.scss",
{
"input": "src/theme-light.scss",
"bundleName": "light",
"inject": false
},
{
"input": "src/theme-dark.scss",
"bundleName": "dark",
"inject": false
}
],


Подробнее здесь: https://stackoverflow.com/questions/772 ... eng-styles