Fix regular expression for quoted values in parentheses (+ add test)

src/parse/index.ts

@@ -313,7 +313,9 @@ export const parse = (
     }
 
     // val
-    const val = match(/^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};])+)/);
+    const val = match(
+      /^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|[^)])*?\)|[^};])+)/,
+    );
 
     const ret = pos<CssDeclarationAST>({
       type: CssTypes.declaration,

test/cases/quoted/ast.json

@@ -23,6 +23,38 @@
               },
               "source": "input.css"
             }
+          },
+          {
+            "type": "declaration",
+            "property": "background",
+            "value": "url('more stuff); here') 50% 50% no-repeat",
+            "position": {
+              "start": {
+                "line": 3,
+                "column": 3
+              },
+              "end": {
+                "line": 3,
+                "column": 57
+              },
+              "source": "input.css"
+            }
+          },
+          {
+            "type": "declaration",
+            "property": "background",
+            "value": "url(https://example.com/a;b) 50% 50% no-repeat",
+            "position": {
+              "start": {
+                "line": 4,
+                "column": 3
+              },
+              "end": {
+                "line": 4,
+                "column": 61
+              },
+              "source": "input.css"
+            }
           }
         ],
         "position": {
@@ -31,12 +63,12 @@
             "column": 1
           },
           "end": {
-            "line": 3,
+            "line": 5,
             "column": 2
           },
           "source": "input.css"
         }
       }
     ]
   }
-}
+}

test/cases/quoted/compressed.css

@@ -1 +1 @@
-body{background:url('some;stuff;here') 50% 50% no-repeat;}
+body{background:url('some;stuff;here') 50% 50% no-repeat;background:url('more stuff); here') 50% 50% no-repeat;background:url(https://example.com/a;b) 50% 50% no-repeat;}

test/cases/quoted/input.css

@@ -1,3 +1,5 @@
 body {
   background: url('some;stuff;here') 50% 50% no-repeat;
+  background: url('more stuff); here') 50% 50% no-repeat;
+  background: url(https://example.com/a;b) 50% 50% no-repeat;
 }

test/cases/quoted/output.css

@@ -1,3 +1,5 @@
 body {
   background: url('some;stuff;here') 50% 50% no-repeat;
+  background: url('more stuff); here') 50% 50% no-repeat;
+  background: url(https://example.com/a;b) 50% 50% no-repeat;
 }