am trying to use the custom styles in my project and I can't
I am getting now errors
will tell you the steps till i get the error
first create angular project with this version 15.2.9
then i add ngbootsrap wo my project
then copy all sass folder and subfolder into my project
then do this import in my style.scss file

@import "./assets/sass/style.scss";
// Replace above style with this css file to enable RTL styles
// @import "./assets/css/style.rtl";
@import './assets/sass/plugins.scss';
// @import "./assets/css/style.rtl.css";
@import "./assets/sass/style.angular.scss";

// Keenicons - High quality and pixel perfect font icons available in 3 styles, duotone, outline and solid for Metronic elements
@import "./assets/plugins/keenicons/duotone/style.css";
@import "./assets/plugins/keenicons/outline/style.css";
@import "./assets/plugins/keenicons/solid/style.css";


i can't serve or build the project i get this error

./src/styles.scss - Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: 1.75rem and 0.5em have incompatible units.
╷
868 │ $form-check-padding-start: $form-check-input-width + .5em !default;
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
bootstrap/scss/_variables.scss 868:43 @import
src/assets/sass/_init.scss 19:9 @import
src/assets/sass/style.scss 6:9 @import
src/styles.scss 2:9 root stylesheet

./src/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: 2em and 0.5rem have incompatible units.
╷
625 │ $form-switch-padding-left: $form-switch-width + .5rem !default;
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
src/assets/sass/core/components/_variables.scss 625:53 @import
src/assets/sass/_init.scss 26:9 @import
src/assets/sass/style.scss 6:9 @import
src/styles.scss 7:9 root stylesheet

could you please advice ?