diff --git a/.changeset/huge-breads-jam.md b/.changeset/huge-breads-jam.md
new file mode 100644
index 0000000000..853d812bb3
--- /dev/null
+++ b/.changeset/huge-breads-jam.md
@@ -0,0 +1,3 @@
+---
+
+---
diff --git a/packages/web-platform/web-core/src/style_transformer/inline_style.rs b/packages/web-platform/web-core/src/style_transformer/inline_style.rs
index 2c4496ea88..a598a79fbf 100644
--- a/packages/web-platform/web-core/src/style_transformer/inline_style.rs
+++ b/packages/web-platform/web-core/src/style_transformer/inline_style.rs
@@ -189,6 +189,19 @@ mod tests {
     );
   }
 
+  #[test]
+  fn transform_color_with_css_var() {
+    let source = "color: var(--color)";
+    let result = transform_inline_style_string(source, &TransformerConfig::default());
+    assert!(result.contains("color:var(--color)"));
+  }
+  #[test]
+  fn transform_color_with_css_var_and_fallback() {
+    let source = "color: var(--color, blue)";
+    let result = transform_inline_style_string(source, &TransformerConfig::default());
+    assert!(result.contains("color:var(--color, blue)"));
+  }
+
   #[test]
   fn flex_1() {
     let source = "flex:1;";