fix: import with { type: json } and css module parse

Author: xusd320

crates/mako/src/ast/css_ast.rs

@@ -43,6 +43,7 @@ impl CssAst {
         let config = parser::parser::ParserConfig {
             css_modules,
             legacy_ie: true,
+            legacy_nesting: true,
             ..Default::default()
         };
 

crates/mako/src/ast/js_ast.rs

@@ -61,6 +61,9 @@ impl JsAst {
                 jsx,
                 decorators: true,
                 decorators_before_export: true,
+                // temporarily parse import xx.json with { type: "json" }
+                // e.g. https://github.com/zen-fs/core/blob/80d32c4807df4a0e887f5c33afae82fde8e62191/src/index.ts#L19
+                import_attributes: true,
                 ..Default::default()
             })
         };

e2e/fixtures/css.css-modules/src/index.css

@@ -1,3 +1,7 @@
 .container {
   padding-top: 80px;
+
+  h1 {
+    font-size: 18px;
+  }
 }

e2e/fixtures/css.css-modules/src/index.tsx

@@ -1,6 +1,7 @@
 import styles from "./index.css";
 console.log(styles);
-
+import pkg from "../mako.config.json" with { type: "json"};
+console.log(pkg);
 import('./a.css');
 require('./b.css');
 import "./c.css";

e2e/fixtures/json/node_modules/data/foo.json

@@ -1,2 +1,4 @@
 import json from "./example.json";
+import data from "data";
 console.log(json);
+console.log(data)