Email Footer component uses tailwind

Author: samejr

internal-packages/emails/emails/components/Footer.tsx

@@ -1,14 +1,13 @@
-import { Hr, Link, Text } from "@react-email/components";
-import React from "react";
-import { footer, footerAnchor, hr } from "./styles";
+import { Hr, Link, Tailwind, Text } from "@react-email/components";
+import { hr } from "./styles";
 
 export function Footer() {
   return (
     <>
       <Hr style={hr} />
-      <Text style={footer}>
+      <Text className="text-[12px] text-[#878C99]">
         ©Trigger.dev, 1111B S Governors Ave STE 6433, Dover, DE 19904 |{" "}
-        <Link style={footerAnchor} href="https://trigger.dev/">
+        <Link className="text-[#878C99] text-[12px] underline" href="https://trigger.dev/">
           Trigger.dev
         </Link>
       </Text>