Upgrade Lightning CSS (#308)

Upgrade required for vercel/turborepo#8176
swc-project · May 20, 2024 · b50615b · b50615b
1 parent 3aafcff
commit b50615b
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 6 deletions.
diff --git a/Cargo.lock b/Cargo.lock
diff --git a/packages/styled-jsx/transform/Cargo.toml b/packages/styled-jsx/transform/Cargo.toml
@@ -18,7 +18,7 @@ custom_transform = ["swc_common/concurrent"]
 
 [dependencies]
 anyhow = "1"
-lightningcss = { version = "1.0.0-alpha.55", features = [
+lightningcss = { version = "1.0.0-alpha.56", features = [
   "visitor",
   "into_owned",
 ] }

diff --git a/packages/styled-jsx/transform/src/transform_css_lightningcss.rs b/packages/styled-jsx/transform/src/transform_css_lightningcss.rs
@@ -600,6 +600,9 @@ fn parse_token_list<'i>(tokens: &TokenList<'i>) -> Selector<'i> {
             TokenOrValue::UnresolvedColor(..) => {
                 unimplemented!("parse_token_list: unresolved color")
             }
+            TokenOrValue::AnimationName(_) => {
+                unimplemented!("parse_token_list: animation name")
+            }
         }
     }
 

diff --git a/packages/styled-jsx/transform/tests/fixture/next-55679/output.lightningcss.js b/packages/styled-jsx/transform/tests/fixture/next-55679/output.lightningcss.js
@@ -4,7 +4,7 @@ const someVar = "--var-1";
 export default function App({ Component, pageProps }) {
     return <>
 
-      <_JSXStyle id={"f559f0d916e6258b"}>{`:root{${someVar}:red;background-color:var(${someVar})}`}</_JSXStyle>
+      <_JSXStyle id={"f559f0d916e6258b"}>{`:root{background-color:var(${someVar});${someVar}:red}`}</_JSXStyle>
 
       <Component {...pageProps} className={"jsx-f559f0d916e6258b" + " " + (pageProps && pageProps.className != null && pageProps.className || "")}/>