fix: improve detection of regexp vs division

Author: DylanPiercey

.changeset/heavy-stingrays-invite.md

@@ -0,0 +1,5 @@
+---
+"htmljs-parser": patch
+---
+
+When the preceding character of an expression is a quote, prefer division over regexp state. This improves parsing for inline css grid properties.

src/__tests__/fixtures/css-grid/__snapshots__/css-grid.expected.txt

@@ -0,0 +1,12 @@
+1╭─ style.scss {
+ │   │    ││    ╰─ attrName "{\n  .foo {\n    grid: \"left right\" / 3fr 7fr;\n  }\n}"
+ │   │    │╰─ tagShorthandClass.quasis[0] "scss"
+ │   │    ╰─ tagShorthandClass ".scss"
+ ╰─  ╰─ tagName "style"
+2├─   .foo {
+3├─     grid: "left right" / 3fr 7fr;
+4├─   }
+5├─ }
+6╭─ 
+ │  ├─ openTagEnd
+ ╰─ ╰─ closeTagEnd(style)

src/__tests__/fixtures/css-grid/input.marko

@@ -0,0 +1,5 @@
+style.scss {
+  .foo {
+    grid: "left right" / 3fr 7fr;
+  }
+}

src/states/EXPRESSION.ts

@@ -390,15 +390,21 @@ function lookAheadForOperator(data: string, pos: number): number {
 }
 
 function canFollowDivision(code: number) {
-  return (
-    isWordCode(code) ||
-    code === CODE.PERCENT ||
-    code === CODE.CLOSE_PAREN ||
-    code === CODE.PERIOD ||
-    code === CODE.OPEN_ANGLE_BRACKET ||
-    code === CODE.CLOSE_SQUARE_BRACKET ||
-    code === CODE.CLOSE_CURLY_BRACE
-  );
+  if (isWordCode(code)) return true;
+  switch (code) {
+    case CODE.BACKTICK:
+    case CODE.SINGLE_QUOTE:
+    case CODE.DOUBLE_QUOTE:
+    case CODE.PERCENT:
+    case CODE.CLOSE_PAREN:
+    case CODE.PERIOD:
+    case CODE.OPEN_ANGLE_BRACKET:
+    case CODE.CLOSE_SQUARE_BRACKET:
+    case CODE.CLOSE_CURLY_BRACE:
+      return true;
+    default:
+      return false;
+  }
 }
 
 function isWordCode(code: number) {