fix: use fixed tailwind classes for chips icon

components/email/email-composer.tsx

@@ -3255,7 +3255,16 @@ function RecipientChipInput({
               onContextMenu={isEditing ? undefined : (e) => handleContextMenu(e, i, chip)}
             >
               {IconComponent ? (
-                <IconComponent className={`w-4 h-4 text-${customColor}`} />
+                                <IconComponent
+                   className={cn(
+                     "w-4 h-4",
+                     customColor === "success"
+                       ? "text-success"
+                       : customColor === "warning"
+                         ? "text-warning"
+                         : "text-destructive"
+                   )}
+                 />
               ) : null}
 
               {isEditing ? (

lib/email-composer-utils.ts

@@ -1,6 +1,6 @@
 import { isValidEmail } from "@/lib/validation";
 import { htmlToPlainText } from "@/lib/html-to-text";
-import { emailHooks } from "./plugin-hooks";
+import { emailHooks } from "@/lib/plugin-hooks";
 import { Ellipsis, Lock, TriangleAlert } from "lucide-react";
 
 const HTML_ESCAPE_MAP = {