import tailwind from other package (coderabbit suggestion)

Author: samejr

internal-packages/emails/emails/invite.tsx

@@ -2,18 +2,17 @@ import {
   Body,
   Button,
   Container,
-  Head,
   Html,
   Link,
   Preview,
   Section,
-  Tailwind,
   Text,
 } from "@react-email/components";
+import { Tailwind } from "@react-email/tailwind";
 import { z } from "zod";
 import { Footer } from "./components/Footer";
 import { Image } from "./components/Image";
-import { anchor, container, h1, main, paragraphLight } from "./components/styles";
+import { paragraphLight } from "./components/styles";
 
 export const InviteEmailSchema = z.object({
   email: z.literal("invite"),

internal-packages/emails/emails/magic-link.tsx

@@ -7,9 +7,9 @@ import {
   Link,
   Preview,
   Section,
-  Tailwind,
   Text,
 } from "@react-email/components";
+import { Tailwind } from "@react-email/tailwind";
 import { Footer } from "./components/Footer";
 import { Image } from "./components/Image";
 import { hr } from "./components/styles";

internal-packages/emails/emails/welcome.tsx

@@ -1,13 +1,5 @@
-import {
-  Body,
-  Container,
-  Head,
-  Html,
-  Link,
-  Preview,
-  Tailwind,
-  Text,
-} from "@react-email/components";
+import { Body, Container, Head, Html, Link, Preview, Text } from "@react-email/components";
+import { Tailwind } from "@react-email/tailwind";
 import { Footer } from "./components/Footer";
 
 export default function Email({ name }: { name?: string }) {