[BUG] Top-level selectors may not contain the parent selector "&"

Error on local NPM build with v3.2.0

ERROR in ./resources/sass/admin/app.scss
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Top-level selectors may not contain the parent selector "&".
  ╷
7 │   &.bg-#{$name} {
  │   ^^^^^^^^^^^^^^
  ╵
  node_modules\admin-lte\build\scss\mixins\_backgrounds.scss 7:3  background-variant()
  node_modules\admin-lte\build\scss\_colors.scss 7:3              @import
  resources\vendor\adminlte3\sass\parts\_miscellaneous.scss 9:9   @import
  resources\vendor\adminlte3\sass\adminlte.scss 25:9              @import

Environment:

• AdminLTE Version: v3.2.0
• Operating System: Windows 10

Additional informations I’ve fix this error by replacing, in build\scss\mixins_backgrounds.scss line 7:

&.bg-#{$name} {

by

.bg-#{$name} {

There may be other similar occurrences but I am not including all files in my project.

[ihabhamad]

you can make changes in 1- build\scss\mixins_backgrounds.scss line 7: 2 - build\scss\mixins_toasts.scss line line 7: from &.bg-#{$name} { to #{if(&, '&.bg-#{$name}','.bg-#{$name}')} {

[forxer]

Please, release hotfixes more regularly.

“Release early, release often” 😃