fix(text): User's style not having priority (#2211)

Author: gabrielmfern

.changeset/curly-cameras-ask.md

@@ -0,0 +1,5 @@
+---
+"@react-email/text": patch
+---
+
+give priority to the user's style

packages/text/src/text.spec.tsx

@@ -8,6 +8,12 @@ describe('<Text> component', () => {
     expect(html).toContain(testMessage);
   });
 
+  it("gives priority to the user's style", async () => {
+    const style = { marginTop: '0px' };
+    const html = await render(<Text style={style} />);
+    expect(html).toContain('margin-top:0px');
+  });
+
   it('passes style and other props correctly', async () => {
     const style = { fontSize: '16px' };
     const html = await render(

packages/text/src/text.tsx

@@ -5,13 +5,14 @@ export type TextProps = Readonly<React.ComponentPropsWithoutRef<'p'>>;
 
 export const Text = React.forwardRef<HTMLParagraphElement, TextProps>(
   ({ style, ...props }, ref) => {
-    const modifiedStyle = { ...style };
+    let modifiedStyle: React.CSSProperties = {};
     if (modifiedStyle.marginBottom === undefined) {
       modifiedStyle.marginBottom = '16px';
     }
     if (modifiedStyle.marginTop === undefined) {
       modifiedStyle.marginTop = '16px';
     }
+    modifiedStyle = { ...modifiedStyle, ...style };
     const margins = computeMargins(modifiedStyle);
 
     return (