fix: ignore custom property set (#6)

Author: evilebottnawi

src/index.js

@@ -128,6 +128,15 @@ const processor = postcss.plugin('postcss-modules-scope', function(options) {
 
     // Find any :local classes
     css.walkRules(rule => {
+      if (
+        rule.nodes &&
+        rule.selector.slice(0, 2) === '--' &&
+        rule.selector.slice(-1) === ':'
+      ) {
+        // ignore custom property set
+        return;
+      }
+
       let parsedSelector = selectorParser().astSync(rule);
 
       rule.selector = traverseNode(parsedSelector.clone()).toString();

test/test-cases/ignore-custom-property-set/expected.css

@@ -0,0 +1,6 @@
+:root {
+    --title-align: center;
+    --sr-only: {
+        position: absolute;
+    }
+}

test/test-cases/ignore-custom-property-set/source.css

@@ -0,0 +1,6 @@
+:root {
+    --title-align: center;
+    --sr-only: {
+        position: absolute;
+    }
+}