Plugin not applied in Node.js 22.12

[hyunbinseo]

What version of @tailwindcss/forms are you using?

0.5.9

What version of Node.js are you using?

v22.12.0

What browser are you using?

Firefox

What operating system are you using?

macOS

Reproduction repository

https://github.com/hyunbinseo/tailwindcss-forms-172

Describe your issue

Important

Must use Node.js v22.12+ with a JS config file.

This works:

node --run dev

// tailwind.config.js

import forms from '@tailwindcss/forms';

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./src/**/*.{html,js,svelte,ts}'],
  theme: {
    extend: {}
  },
  plugins: [forms]
};

This does not:

rm -rf .svelte-kit && node --run dev

// tailwind.config.js

import forms from '@tailwindcss/forms';
import plugin from 'tailwindcss/plugin';

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./src/**/*.{html,js,svelte,ts}'],
  theme: {
    extend: {}
  },
  plugins: [forms, plugin(() => ({}))]
};

Downgrading to Node.js v22.11.0 works, so it is possibly related to require(esm) is now enabled by default.

Workaround

Use the tailwind.config.ts filename instead.

[hyunbinseo]

The hotfix seems to work:

• Work around issue with Node 22 and Jiti tailwindcss#15421
• Plugins no longer load when using Node 22.12.0 and 23.* tailwindcss#15374