diff --git a/packages/core/theme/src/utils/tw-merge-config.ts b/packages/core/theme/src/utils/tw-merge-config.ts
index b4768ea396..38a386f7ec 100644
--- a/packages/core/theme/src/utils/tw-merge-config.ts
+++ b/packages/core/theme/src/utils/tw-merge-config.ts
@@ -1,3 +1,5 @@
+import {utilities} from "../utilities";
+
 export const COMMON_UNITS = ["small", "medium", "large"];
 
 export const twMergeConfig = {
@@ -18,5 +20,8 @@ export const twMergeConfig = {
       "bg-stripe-gradient-warning",
       "bg-stripe-gradient-danger",
     ],
+    transition: Object.keys(utilities)
+      .filter((key) => key.includes(".transition"))
+      .map((key) => key.replace(".", "")), // remove the dot from the key, .transition-background -> transition-background
   },
 };