From 89ba3acec491f9989e6aedc9dc53a31aa6f5ff8d Mon Sep 17 00:00:00 2001
From: Nour Malaeb <nourmalaeb@gmail.com>
Date: Fri, 23 Jan 2026 11:28:05 -0500
Subject: [PATCH] Add our custom classNames to our tw-merge config

---
 packages/ui/src/lib/utils.ts | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/lib/utils.ts b/packages/ui/src/lib/utils.ts
index be66c09a2..579c356d3 100644
--- a/packages/ui/src/lib/utils.ts
+++ b/packages/ui/src/lib/utils.ts
@@ -1,9 +1,26 @@
 import { clsx } from 'clsx';
 import type { ClassValue } from 'clsx';
-import { twMerge } from 'tailwind-merge';
+import { extendTailwindMerge } from 'tailwind-merge';
+
+const customTwMerge = extendTailwindMerge({
+  extend: {
+    theme: {
+      text: [
+        'title-xxl',
+        'title-xl',
+        'title-lg',
+        'title-md',
+        'title-base',
+        'title-sm',
+        'title-xs',
+        'title-xxs',
+      ],
+    },
+  },
+});
 
 export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs));
+  return customTwMerge(clsx(inputs));
 }
 
 export const GRADIENTS = [