feat(react-email, preview-server): use styleText from node:util instead of chalk (#2430)

Co-authored-by: Gabriel Miranda <gabrielmfern@outlook.com>

Author: yoshi-taka

.changeset/fresh-bees-share.md

@@ -0,0 +1,6 @@
+---
+"@react-email/preview-server": patch
+"react-email": patch
+---
+
+use `styleText` from `node:util` instead of `chalk`

packages/preview-server/package.json

@@ -31,7 +31,6 @@
     "@types/react-dom": "19.0.4",
     "@types/webpack": "5.28.5",
     "autoprefixer": "10.4.21",
-    "chalk": "4.1.2",
     "clsx": "2.1.1",
     "esbuild": "0.25.0",
     "framer-motion": "12.23.12",

packages/preview-server/src/actions/render-email-by-path.tsx

@@ -1,7 +1,7 @@
 'use server';
 import fs from 'node:fs';
 import path from 'node:path';
-import chalk from 'chalk';
+import { styleText } from 'node:util';
 import logSymbols from 'log-symbols';
 import ora, { type Ora } from 'ora';
 import {
@@ -107,11 +107,11 @@ export const renderEmailByPath = async (
     const millisecondsToRendered = performance.now() - timeBeforeEmailRendered;
     let timeForConsole = `${millisecondsToRendered.toFixed(0)}ms`;
     if (millisecondsToRendered <= 450) {
-      timeForConsole = chalk.green(timeForConsole);
+      timeForConsole = styleText('green', timeForConsole);
     } else if (millisecondsToRendered <= 1000) {
-      timeForConsole = chalk.yellow(timeForConsole);
+      timeForConsole = styleText('yellow', timeForConsole);
     } else {
-      timeForConsole = chalk.red(timeForConsole);
+      timeForConsole = styleText('red', timeForConsole);
     }
     spinner?.stopAndPersist({
       symbol: logSymbols.success,

packages/react-email/package.json

@@ -29,7 +29,6 @@
   "dependencies": {
     "@babel/parser": "^7.27.0",
     "@babel/traverse": "^7.27.0",
-    "chalk": "^5.0.0",
     "chokidar": "^4.0.3",
     "commander": "^13.0.0",
     "debounce": "^2.0.0",

packages/react-email/src/utils/preview/start-dev-server.ts

@@ -1,7 +1,7 @@
 import http from 'node:http';
 import path from 'node:path';
 import url from 'node:url';
-import chalk from 'chalk';
+import { styleText } from 'node:util';
 import { createJiti } from 'jiti';
 import logSymbols from 'log-symbols';
 import ora from 'ora';
@@ -85,7 +85,9 @@ export const startDevServer = async (
   if (!portAlreadyInUse) {
     // this errors when linting but doesn't on the editor so ignore the warning on this
     /* eslint-disable-next-line @typescript-eslint/no-unsafe-member-access */
-    console.log(chalk.greenBright(`    React Email ${packageJson.version}`));
+    console.log(
+      styleText('greenBright', `    React Email ${packageJson.version}`),
+    );
     console.log(`    Running preview at:          http://localhost:${port}\n`);
   } else {
     const nextPortToTry = port + 1;