chore(tailwind): Improve code for running Tailwind integration test (#1935)

Author: gabrielmfern

packages/tailwind/integrations/integrations.spec.ts

@@ -1,15 +1,18 @@
-import { spawnSync } from 'node:child_process';
 import path from 'node:path';
+import shell from 'shelljs';
 
 const $ = (command: string, cwd: string = path.resolve(__dirname, '..')) => {
-  process.stderr.write(`${cwd} $ ${command}\n`);
-  const returns = spawnSync(command, {
-    shell: true,
+  const executionResult = shell.exec(command, {
     cwd,
-    stdio: 'inherit',
+    fatal: true,
+    silent: true,
   });
+  if (executionResult.code !== 0) {
+    process.stdout.write(executionResult.stderr);
+    process.stderr.write(executionResult.stderr);
+  }
   expect(
-    returns.status,
+    executionResult.code,
     `Expected command "${command}" to work properly but it returned a non-zero exit code`,
   ).toBe(0);
 };

packages/tailwind/integrations/vite/package-lock.json

@@ -3,8 +3,8 @@ import React from 'react';
 import type { EmailElementProps } from '../../tailwind';
 import { sanitizeClassName } from '../compatibility/sanitize-class-name';
 import { makeInlineStylesFor } from '../css/make-inline-styles-for';
-import { sanitizeNonInlinableClasses } from '../css/sanitize-non-inlinable-classes';
 import { sanitizeDeclarations } from '../css/sanitize-declarations';
+import { sanitizeNonInlinableClasses } from '../css/sanitize-non-inlinable-classes';
 import { isComponent } from '../react/is-component';
 import type { setupTailwind } from './setup-tailwind';
 

packages/tailwind/src/utils/tailwindcss/clone-element-with-inlined-styles.ts

@@ -40,6 +40,10 @@
       "dependsOn": ["build"],
       "cache": false
     },
+    "@react-email/tailwind#test": {
+      "dependsOn": ["build"],
+      "cache": false
+    },
     "test:watch": {
       "cache": false
     },