Upate swc to allow line comments in css

packages/next/build/swc/Cargo.toml

@@ -16,14 +16,14 @@ path-clean = "0.1"
 regex = "1.5"
 serde = "1"
 serde_json = "1"
-swc = "0.69.0"
+swc = "0.70.0"
 swc_atoms = "0.2.7"
 swc_common = { version = "0.13.5", features = ["concurrent", "sourcemap"] }
-swc_css = "0.16.0"
-swc_ecmascript = { version = "0.75.0", features = ["codegen", "minifier", "optimization", "parser", "react", "transforms", "typescript", "utils", "visit"] }
-swc_ecma_preset_env = "0.54.0"
+swc_css = "0.18.0"
+swc_ecmascript = { version = "0.76.0", features = ["codegen", "minifier", "optimization", "parser", "react", "transforms", "typescript", "utils", "visit"] }
+swc_ecma_preset_env = "0.55.0"
 swc_node_base = "0.4.0"
-swc_stylis = "0.13.0"
+swc_stylis = "0.15.0"
 fxhash = "0.2.1"
 retain_mut = "0.1.3"
 pathdiff = "0.2.0"

packages/next/build/swc/src/styled_jsx/transform_css.rs

@@ -25,6 +25,7 @@ pub fn transform_css(
         style_info.css_span.hi,
         ParserConfig {
             parse_values: false,
+            allow_wrong_line_comments: true,
         },
         // We ignore errors because we inject placeholders for expressions which is
         // not a valid css.
@@ -44,6 +45,7 @@ pub fn transform_css(
                         style_info.css_span,
                         "Failed to parse css in styled jsx component",
                     )
+                    .note(&format!("Input to the css parser is {}", style_info.css))
                     .emit()
             });
             bail!("Failed to parse css");
@@ -173,6 +175,7 @@ impl Namespacer {
                             &args,
                             ParserConfig {
                                 parse_values: false,
+                                allow_wrong_line_comments: true,
                             },
                             // TODO(kdy1): We might be able to report syntax errors.
                             &mut vec![],

packages/next/build/swc/tests/fixture/styled-jsx/comments/input.js

@@ -0,0 +1,18 @@
+export default class {
+  render() {
+    return (
+      <div>
+        <p>test</p>
+        <style jsx>{`
+          //
+          p {
+            //
+            color: red;
+
+            //
+          }
+        `}</style>
+      </div>
+    )
+  }
+}

packages/next/build/swc/tests/fixture/styled-jsx/comments/output.js

@@ -0,0 +1,12 @@
+import _JSXStyle from "styled-jsx/style";
+export default class {
+    render() {
+        return <div className={"jsx-1952086b0a5ae64c"}>
+
+        <p className={"jsx-1952086b0a5ae64c"}>test</p>
+
+        <_JSXStyle id={"1952086b0a5ae64c"}>{"p.jsx-1952086b0a5ae64c {color:red}"}</_JSXStyle>
+
+      </div>;
+    }
+};