chore: replace ts-node with tsx to resolve yarn lint hanging issue

[georgewrmarshall]

Description

This change mirrors the successful optimization implemented in MetaMask/core#6481 and provides significant performance improvements for TypeScript script execution in large monorepos.

Related issues

Fixes: N/A

Manual testing steps

• Run yarn lint and verify it completes successfully without hanging
• Run yarn lint:eslint individually to confirm ESLint processing works
• Test yarn create-component:react to ensure component generation still works
• Test yarn update-readme-content to verify documentation scripts work
• Verify all other scripts using TypeScript execution continue to function

Screenshots/Recordings

Not applicable - this is a build/tooling performance optimization without visual changes.

Pre-merge author checklist

• I have reviewed the Files changed tab
• All CI checks pass (yarn lint now works without hanging)
• The same scripts work in all workspace packages
• All TypeScript script executions use the faster tsx instead of ts-node
• LavaMoat configuration updated to allow tsx>esbuild instead of ts-node>@swc/core
• Dependency configuration updated in depcheck to ignore tsx instead of ts-node
• Script shebang lines updated in all affected files
• I have tested this PR on my local machine

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.

Technical Details

Files Changed:

• Root package.json: Updated 3 scripts (create-package, lint:eslint, update-readme-content)
• Dependency updates: Replaced ts-node with tsx in devDependencies
• LavaMoat config: Updated to allow tsx>esbuild instead of ts-node>@swc/core
• Package scripts: Updated React and React Native packages to use tsx
• Build scripts: Updated shebang lines and direct script calls
• Depcheck config: Updated to ignore tsx instead of ts-node

Performance Impact:

• Before: yarn lint would hang indefinitely
• After: yarn lint completes successfully in reasonable time
• Benefit: Enables faster development cycles and unblocks CI/CD pipelines

References:

• Inspired by MetaMask/core optimization: https://github.com/MetaMask/core/pull/6481/files
• tsx documentation: https://github.com/esbuild-kit/tsx

---

Note

Replace ts-node with tsx for TypeScript scripts, updating scripts, configs, shebangs, and dependencies.

• Tooling:
  • Migrate TypeScript script runner from ts-node to tsx across repo.
  • Update script invocations in root package.json (create-package, lint:eslint, update-readme-content).
  • Switch package scripts in packages/design-system-react and packages/design-system-react-native (create-component, generate-icons, generate-icons:index).
  • Update build step in packages/design-system-react-native/scripts/build.js to call tsx.
  • Change shebangs in scripts/generate-preview-build-message.ts and scripts/update-readme-content.ts to #!yarn tsx.
• Config:
  • Update LavaMoat allowScripts from ts-node>@swc/core to tsx>esbuild.
  • Adjust .depcheckrc.yml ignores to tsx.
• Dependencies:
  • Remove ts-node; add tsx and related esbuild entries; refresh yarn.lock.

^{Written by Cursor Bugbot for commit d403f8d. This will update automatically on new commits. Configure here.}

[socket-security]

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff	Package	Supply Chain Security	Vulnerability	Quality	Maintenance	License
	tsx@​4.20.6

View full report

[socket-security]

Warning

MetaMask internal reviewing guidelines:

• Do not ignore-all
• Each alert has instructions on how to review if you don't know what it means. If lost, ask your Security Liaison or the supply-chain group
• Copy-paste ignore lines for specific packages or a group of one kind with a note on what research you did to deem it safe.
  @SocketSecurity ignore npm/PACKAGE@VERSION

Action	Severity	Alert  (click "▶" to expand/collapse)
Warn		[email protected] is a AI-detected potential code anomaly. Notes: This fragment appears to be a bundler-generated bootstrap/initialization piece that imports many modules and executes an initialization function (r). No explicit malicious activity is evident within this fragment itself, but the risk stems from side effects of the imported modules on load. A careful review of the implementations of the imported modules (especially those exporting r and those performing initialization, build-time, or network/file operations) is recommended to rule out hidden telemetry, backdoors, or undesired side effects. Confidence: 1.00 Severity: 0.60 From: package.json → npm/[email protected] ℹ Read more on: This package | This alert | What is an AI-detected potential code anomaly? Next steps: Take a moment to review the security alert above. Review the linked package source code to understand the potential risk. Ensure the package is not malicious before proceeding. If you're unsure how to proceed, reach out to your security team or ask the Socket team for help at [email protected]. Suggestion: An AI system found a low-risk anomaly in this package. It may still be fine to use, but you should check that it is safe before proceeding. Mark the package as acceptable risk. To ignore this alert only in this pull request, reply with the comment @SocketSecurity ignore npm/[email protected]. You can also ignore all packages with @SocketSecurity ignore-all. To ignore an alert for all future pull requests, use Socket's Dashboard to change the triage state of this alert.

View full report

[github-actions]

📖 Storybook Preview

• View PR Storybook

[georgewrmarshall]

@SocketSecurity ignore npm/[email protected]

I reviewed the warnings and alerts they're specified as low risk. I don't think this is an issue. It's also been verified by @mcmire

[Copilot]

Pull Request Overview

This PR replaces ts-node with tsx across the monorepo to resolve a hanging issue with yarn lint and improve TypeScript execution performance. The change mirrors a successful optimization from MetaMask/core#6481.

Key Changes:

• Replaced ts-node with tsx in all package.json scripts
• Updated script shebang lines from #!yarn ts-node to #!yarn tsx
• Updated LavaMoat and depcheck configurations to reference tsx instead of ts-node

Reviewed Changes

Copilot reviewed 7 out of 8 changed files in this pull request and generated no comments.

Show a summary per file

File	Description
scripts/update-readme-content.ts	Updated shebang to use tsx
scripts/generate-preview-build-message.ts	Updated shebang to use tsx
packages/design-system-react/package.json	Replaced ts-node with tsx in scripts and dependencies
packages/design-system-react-native/scripts/build.js	Updated execSync call to use tsx
packages/design-system-react-native/package.json	Replaced ts-node with tsx in scripts and dependencies
package.json	Updated root-level scripts, dependencies, and LavaMoat config
.depcheckrc.yml	Updated ignore list to reference tsx

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}