1 files changed, 29 insertions, 0 deletions
diff --git a/.changeset/giant-plants-sip.md b/.changeset/giant-plants-sip.md
new file mode 100644
index 000000000..884021b8e
--- /dev/null
+++ b/.changeset/giant-plants-sip.md
@@ -0,0 +1,29 @@
+---
+'astro': major
+---
+
+Remove backwards-compatible kebab-case transform for camelCase CSS variable names passed to the `style` attribute. If you were relying on the kebab-case transform in your styles, make sure to use the camelCase version to prevent missing styles. For example:
+
+```astro
+---
+const myValue = "red"
+---
+
+<!-- input -->
+<div style={{ "--myValue": myValue }}></div>
+
+<!-- output (before) -->
+<div style="--my-value:var(--myValue);--myValue:red"></div>
+
+<!-- output (after) -->
+<div style="--myValue:red"></div>
+```
+
+```diff
+<style>
+  div {
+-   color: var(--my-value);
++   color: var(--myValue);
+  }
+</style>
+```
+\ No newline at end of file