tailwindcss related warning when running npm install

npm install

npm install

> postinstall
> nuxt prepare


[nuxt:tailwindcss 6:21:40 PM]  WARN  You have provided functional plugins in tailwindcss.config in your Nuxt configuration that cannot be serialized for Tailwind Config. Please use tailwind.config or a separate file (specifying in tailwindcss.configPath) to enable it with additional support for IntelliSense and HMR.

ℹ Using default Tailwind CSS file                                                                                nuxt:tailwindcss 6:21:40 PM
✔ Types generated in .nuxt                                                                                                        6:21:41 PM

added 1582 packages, and audited 1584 packages in 12s

> postinstall
> nuxt prepare


[nuxt:tailwindcss 6:21:40 PM]  WARN  You have provided functional plugins in tailwindcss.config in your Nuxt configuration that cannot be serialized for Tailwind Config. Please use tailwind.config or a separate file (specifying in tailwindcss.configPath) to enable it with additional support for IntelliSense and HMR.

ℹ Using default Tailwind CSS file                                                                                nuxt:tailwindcss 6:21:40 PM
✔ Types generated in .nuxt                                                                                                        6:21:41 PM

added 1582 packages, and audited 1584 packages in 12s

export default defineNuxtConfig({
  devtools: { enabled: true },
  css: ["@/assets/css/main.css"],
  tailwindcss: {
    configPath: "tailwind.config.ts",
  },

export default defineNuxtConfig({
  devtools: { enabled: true },
  css: ["@/assets/css/main.css"],
  tailwindcss: {
    configPath: "tailwind.config.ts",
  },

/** @type {import('tailwindcss').Config} */

import defaultTheme from "tailwindcss/defaultTheme"; // https://tailwindcss.com/docs/theme#referencing-the-default-theme

export default {
  content: [
    "./components/**/*.{js,vue,ts}",
    "./pages/**/*.{js, vue, ts}",
    "./layouts/**/*.{js, vue,ts}",
    "./plugins/**/*.{js,vue,ts}",
    "./nuxt.config.{js,ts}",
    "./app.vue",
  ],
  theme: {
    extend: {
      // anything under extend extends the default Theme
      font: {
        // if for any reason you would like to reference the defaultTheme require the theme and spread it as shown below
        sans: ['"Inter Var"', ...defaultTheme.fontFamily.sans],
      },
    },
  },
  plugins: [],
};

/** @type {import('tailwindcss').Config} */

import defaultTheme from "tailwindcss/defaultTheme"; // https://tailwindcss.com/docs/theme#referencing-the-default-theme

export default {
  content: [
    "./components/**/*.{js,vue,ts}",
    "./pages/**/*.{js, vue, ts}",
    "./layouts/**/*.{js, vue,ts}",
    "./plugins/**/*.{js,vue,ts}",
    "./nuxt.config.{js,ts}",
    "./app.vue",
  ],
  theme: {
    extend: {
      // anything under extend extends the default Theme
      font: {
        // if for any reason you would like to reference the defaultTheme require the theme and spread it as shown below
        sans: ['"Inter Var"', ...defaultTheme.fontFamily.sans],
      },
    },
  },
  plugins: [],
};