@bigcommerce/stencil-cli 7.2.2 → 7.2.3

package/lib/nodeSass/AutoFixer.js

@@ -109,7 +109,7 @@ class AutoFixer {
             }
             if (
                 err.formatted.includes('Invalid CSS after') &&
-                err.formatted.includes('expected selector, was ', '')
+                err.formatted.includes('expected selector, was ",')
             ) {
                 return POSSIBLE_WRONG_COMMA;
             }

package/lib/nodeSass/BaseRulesFixer.js

@@ -13,19 +13,28 @@ class BaseRulesFixer extends BaseFixer {
     }
 
     transform() {
+        const self = this;
         return {
             postcssPlugin: 'Transform Base Rules Issues into Comments',
             Rule(rule, { Comment }) {
                 if (
                     rule.parent.type === 'root' &&
-                    (rule.selector.startsWith('&--') || rule.selector.startsWith('&.'))
+                    (rule.selector.startsWith('&') ||
+                        rule.selector.startsWith(':not(&)') ||
+                        rule.selector.startsWith('* &'))
                 ) {
-                    const comment = new Comment({ text: rule.toString() });
+                    const comment = new Comment({ text: self.replaceInnerComments(rule) });
                     rule.replaceWith(comment);
                 }
             },
         };
     }
+
+    // when we replace rule with comment, there might be a case when comment is inside another rule
+    // which breaks the commenting root rule
+    replaceInnerComments(rule) {
+        return rule.toString().replace(/\/\*(.*)\*\//g, '//$1');
+    }
 }
 
 module.exports = BaseRulesFixer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigcommerce/stencil-cli",
-  "version": "7.2.2",
+  "version": "7.2.3",
   "description": "CLI tool to run BigCommerce Stores locally for theme development.",
   "main": "index.js",
   "engines": {