Dynamic Code Evaluation (e. g. 'eval', 'new Function', 'WebAssembly.compile') not allowed in Edge Runtime

[barrynorman]

Versions:

• Package Version: 2.7.0
• Tailwindcss Version: 3.4.14

Description:

I'm using react-email with tailwind.
In order to use CSS variables I found a gist to use your plugin.
Unfortunately as soon as I use the plugin i get the following error while building.

./tailwind.config.ts
Dynamic Code Evaluation (e. g. 'eval', 'new Function', 'WebAssembly.compile') not allowed in Edge Runtime 
Learn More: https://nextjs.org/docs/messages/edge-dynamic-code-evaluation

The error was caused by importing '@mertasan/tailwindcss-variables/src/index.js' in './tailwind.config.ts'.

Import trace for requested module:
  ./tailwind.config.ts
  ./emails/verify-email.tsx
  ./src/server/authSendRequest.ts
  ./src/server/auth.ts
  ./src/middleware.ts


> Build failed because of webpack errors

Steps To Reproduce:

• Install latest next js 14.x.x with latest react-email and tailwind, components
• Try to build the project