Deprecation Warning in _rfs.scss

[goekhantopcu]

Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

After i upgraded to Angular v19 i receive some deprecation warnings when building my project. Is it possible to replace those deprecations by the new way provided by sass? :D

  Deprecation Warning on line 291, column 8 of file:///builds/elasticcharge/elastic-charge-frontend/node_modules/bootstrap/scss/vendor/_rfs.scss:291:8:
  Sass's behavior for declarations that appear after nested
  rules will be changing to match the behavior specified by CSS in an upcoming
  version. To keep the existing behavior, move the declaration above the nested
  rule. To opt into the new behavior, wrap the declaration in `& {}`.
  More info: https://sass-lang.com/d/mixed-decls
  291 |         #{$property}: if($rfs-mode == max-media-query, $val, $fluid-val);
  node_modules/bootstrap/scss/vendor/_rfs.scss 292:9  @content
  node_modules/bootstrap/scss/vendor/_rfs.scss 158:5  -rfs-rule()
  node_modules/bootstrap/scss/vendor/_rfs.scss 291:7  rfs()
  node_modules/bootstrap/scss/vendor/_rfs.scss 323:3  padding-bottom()
  src/app/reporting/style/cards.scss 20:3             @use
  src/app/reporting/reporting.scss 3:1                root stylesheet

Reduced test cases

i already changed my sass code to the latest conventions

What operating system(s) are you seeing the problem on?

macOS, Linux

What browser(s) are you seeing the problem on?

No response

What version of Bootstrap are you using?

v5.3.3

[julien-deramond]

Thanks for reporting this issue. It's actually a duplicate of #474. So I'm closing this one.