tailwindcss 오류관련 문의 드립니다 ㅠㅠ

버젼이 달라서인지.. CNA 했을 때
tailwind.config.js 파일이 없었습니다.
강의에서는 원래부터 존재하던데..
그래서 어떻게어떻게 추가를 했는데.

Error: It looks like you're trying to use tailwindcss directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install @tailwindcss/postcss and update your PostCSS configuration.
라는 에러가 끝나지를 않네요 ㅠ
GPT한테 열심히 물어봤는데 도저히 해결이 안돼서 문의드립니다.
밑은 제가 설정해둔 코드입니다.

tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/**/*.{js,ts,jsx,tsx,html,css}", // 필요한 파일들 포함
    "./app/**/*.{js,ts,jsx,tsx}", // Next.js의 `app` 폴더 추가
    "./components/**/*.{js,ts,jsx,tsx}", // 컴포넌트 폴더 추가
  ],
  theme: {
    extend: {
      colors: {
        철수가좋아하는색깔: "#3498db", // 나만의 부트스트랩 만들기
        영희가좋아하는색깔: "green",
      },
    },
  },
  plugins: [],
};

postcss.config.js

module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
};

globals.css

/* @import "tailwindcss"; */

@tailwind base;
@tailwind components;
@tailwind utilities;

로 해도 안되고,
@import "tailwindcss"; 도 안됩니다...

// nextjs 14버전으로 설치하는 방법
npx create-next-app@14