Transpile import.meta.url in config files (#13322)

* Use Babel to transpile configs when import.meta is present

* Update minimum jiti version

* Update changelog

CHANGELOG.md

@@ -16,6 +16,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Add `mix-blend-plus-darker` utility ([#12923](https://github.com/tailwindlabs/tailwindcss/pull/12923))
 - Ensure dashes are allowed in variant modifiers ([#13303](https://github.com/tailwindlabs/tailwindcss/pull/13303))
 - Fix crash showing completions in Intellisense when using a custom separator ([#13306](https://github.com/tailwindlabs/tailwindcss/pull/13306))
+- Transpile `import.meta.url` in config files ([#13322](https://github.com/tailwindlabs/tailwindcss/pull/13322))
 
 ## [3.4.1] - 2024-01-05
 

package.json

@@ -72,7 +72,7 @@
     "fast-glob": "^3.3.0",
     "glob-parent": "^6.0.2",
     "is-glob": "^4.0.3",
-    "jiti": "^1.19.1",
+    "jiti": "^1.21.0",
     "lilconfig": "^2.1.0",
     "micromatch": "^4.0.5",
     "normalize-path": "^3.0.0",

src/lib/load-config.ts

@@ -18,6 +18,11 @@ function lazyJiti() {
     (jiti = jitiFactory(__filename, {
       interopDefault: true,
       transform: (opts) => {
+        // Sucrase can't transform import.meta so we have to use Babel
+        if (opts.source.includes('import.meta')) {
+          return require('jiti/dist/babel.js')(opts)
+        }
+
         return transform(opts.source, {
           transforms: ['typescript', 'imports'],
         })

standalone-cli/standalone.js

@@ -33,6 +33,11 @@ useCustomJiti(() =>
     interopDefault: true,
     nativeModules: Object.keys(localModules),
     transform: (opts) => {
+      // Sucrase can't transform import.meta so we have to use Babel
+      if (opts.source.includes('import.meta')) {
+        return require('jiti/dist/babel.js')(opts)
+      }
+
       return transform(opts.source, {
         transforms: ['typescript', 'imports'],
       })