fix(react-email): Fix use of @babel/traverse use in ESM (#2201)

Author: gabrielmfern

.changeset/long-words-attack.md

@@ -0,0 +1,5 @@
+---
+"react-email": patch
+---
+
+fix `email dev` not working with `traversal` error

packages/react-email/src/cli/utils/preview/hot-reloading/get-imported-modules.ts

@@ -1,5 +1,8 @@
 import { parse } from '@babel/parser';
-import traverse from '@babel/traverse';
+
+import traverseModule from '@babel/traverse';
+// @ts-expect-error This is fine since the default export is wrapped in a default function. The problem is that babel/traverse is not ESM.
+const traverse = traverseModule.default;
 
 export const getImportedModules = (contents: string) => {
   const importedPaths: string[] = [];
@@ -10,7 +13,7 @@ export const getImportedModules = (contents: string) => {
     plugins: ['jsx', 'typescript', 'decorators'],
   });
 
-  traverse(parsedContents, {
+  traverse.default(parsedContents, {
     ImportDeclaration({ node }) {
       importedPaths.push(node.source.value);
     },