$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default; │ unknown function treated as plain CSS ╵ about bootstrap

[Zeddnyx]

Im sorry, I'm kinda new on creating an issue, I'll give u the test case later

[github-actions]

Hello @Zeddnyx. Bug reports must include a live demo of the issue. Per our contributing guidelines, please create a reduced test case on CodePen or StackBlitz and report back with your link, Bootstrap version, and specific browser and Operating System details.

[julien-deramond]

Thanks for reporting this issue @Zeddnyx
It would help if you could create the reduced test case mentioned in #39619 (comment) with CodePen, Stackblitz or any other tools.
Based on the code you shared, I'm wondering if the use of @use instead of @import couldn't be the cause here but without a reproducible project, it's difficult to say.

[Zeddnyx]

i solved by added this func inside _variable.scss

@function negativify-map($map) {
  $result: ();
  @each $key, $value in $map {
    @if $key != 0 {
      $result: map-merge($result, ('n' + $key: (-$value)));
    }
  }
  @return $result;
}

and after that i got error again but is different
the error:

SassError: Undefined mixin.
   ╷
54 │     @include alert-variant($background, $border, $color);
   │     ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   ╵
  src/assets/scss/theme/_alert.scss 54:5  @import
  src/assets/scss/theme/_theme.scss 18:9  @import
  src/assets/scss/style.scss 20:9         root stylesheet

then i added

@mixin alert-variant($background, $border, $color) {
  background-color: $background;
  border-color: $border;
  color: $color;
}

inside _alert.scss
my web is work again but rn im facing new issue, my styled is wild awful like really awfull

all my page is being like that

idk what should i do to make it the style normal again

[Zeddnyx]

[Zeddnyx]

U