fix: issue less#4313 selector with comma

* Fix an issue where selector with comma would not expand correctly.

Author: puckowski

packages/less/src/less/tree/ruleset.js

@@ -748,12 +748,32 @@ Ruleset.prototype = Object.assign(new Node(), {
                             const replacementSelector = createSelector(createParenthesis(nestedPaths[k], el), el);
                             addAllReplacementsIntoPath(newSelectors, [replacementSelector], el, inSelector, replacedNewSelectors);
                         }
+                        newSelectors = replacedNewSelectors;
+                        currentElements = [];
+                    } else if (el instanceof Selector) {
+                        const nestedSelector = el;    
+                        
+                        // merge the current list of non parent selector elements
+                        // on to the current list of selectors to add
+                        mergeElementsOnToSelectors(currentElements, newSelectors);
+                            
+                        const nestedPaths = [];
+                        let replaced;
+                        let replacedNewSelectors = [];
+                        replaced = replaceParentSelector(nestedPaths, context, nestedSelector);
+                        hadParentSelector = hadParentSelector || replaced;
+                            
+                        for (k = 0; k < nestedPaths.length; k++) {
+                            const replacementSelector = nestedPaths[k][0];
+                            addAllReplacementsIntoPath(newSelectors, [replacementSelector], el.elements[0], inSelector, replacedNewSelectors);
+                            replacedNewSelectors = [replacedNewSelectors[0]]
+                        }
+                        
                         newSelectors = replacedNewSelectors;
                         currentElements = [];
                     } else {
                         currentElements.push(el);
                     }
-
                 } else {
                     hadParentSelector = true;
                     // the new list of selectors to add

packages/test-data/css/_main/selectors.css

@@ -189,3 +189,15 @@ a:is(.b, :is(.c)) {
 a:is(.b, :is(.c), :has(div)) {
   color: red;
 }
+.multiple-not-by-comma:not(.multiple-not-by-comma--a, .multiple-not-by-comma--b):not(.multiple-not-by-comma--c, .multiple-not-by-comma--d):hover {
+  background-color: green;
+}
+.multiple-not-by-comma2 {
+  color: red;
+}
+.multiple-not-by-comma2:not(.multiple-not-by-comma2--a, .multiple-not-by-comma2--b):not(.multiple-not-by-comma2--c):hover {
+  background-color: blue;
+}
+.multiple-not:not(.multiple-not--a):not(.multiple-not--b):hover {
+  background-color: yellow;
+}

packages/test-data/less/_main/selectors.less

@@ -208,3 +208,23 @@ a:is(.b, :is(.c)) {
 a:is(.b, :is(.c), :has(div)) {
   color: red;
 }
+
+.multiple-not-by-comma {
+  &:not(&--a, &--b):not(&--c, &--d):hover {
+    background-color: green;
+  }
+}
+
+.multiple-not-by-comma2 {
+  color: red;
+
+  &:not(&--a, &--b):not(&--c):hover {
+    background-color: blue;
+  }
+}
+
+.multiple-not {
+  &:not(&--a):not(&--b):hover {
+    background-color: yellow;
+  }
+}