Usage of presets and plugins in tailwind v4

[MahirAlam]

I have my tailwind config like this...

// tailwind.config.ts
import tailwindPresetMantine from "tailwind-preset-mantine";
import { themeColors, themeBreakpoints, theme } from "./src/lib/theme";

const config = {
  presets: [
    tailwindPresetMantine({
      mantineColors: themeColors,
      mantineBreakpoints: themeBreakpoints,
    }),
  ],
  plugins: [pluginMantine(theme)],
};

export default config;

and migrating to v4 I can't use presets. I can't even use plugins properly.

[philipp-spiess]

Hey! You can load presets as part of the JS config files with the @config directive: https://tailwindcss.com/docs/v4-beta#using-legacy-configuration-files

[MahirAlam]

I am already using JS config files with the @config directive
but then the performance isn't good and what about the plugins?

Thank you for quick response, by the way!