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

[amitmeghare]

Hi! 👋

Firstly, thanks for your work on this project! 🙂

I faced issue like mentioned in https://github.com/ColorlibHQ/AdminLTE/issues/4586

Today I used patch-package to patch [email protected] for the project I'm working on.

Here is the diff that solved my problem:

diff --git a/node_modules/admin-lte/build/scss/mixins/_backgrounds.scss b/node_modules/admin-lte/build/scss/mixins/_backgrounds.scss
index a4a031c..bf30734 100644
--- a/node_modules/admin-lte/build/scss/mixins/_backgrounds.scss
+++ b/node_modules/admin-lte/build/scss/mixins/_backgrounds.scss
@@ -4,7 +4,7 @@
 
 // Background Variant
 @mixin background-variant($name, $color) {
-  &.bg-#{$name} {
+  .bg-#{$name} {
     background-color: #{$color} !important;
 
     &,

This issue body was partially generated by patch-package.