PostCSS plugin autoprefixer requires PostCSS 8

[imohuan]

Vue3 + TypeScript + Eslint + Prettier -> (Vue/Cli)

# package.json
{
  "dependencies": {
    "autoprefixer": "^10.0.2",
    "postcss": "^8.1.8",
    "postcss-loader": "^4.0.2",
    "tailwindcss": "^2.0.1-compat",
    "vue": "^3.0.0"
  },
}

// postcss.config.js
// eslint-disable-next-line @typescript-eslint/no-var-requires
const puraecss = require("@fullhuman/postcss-purgecss")({
  content: ["./src/**/*.html", "./src/**/*.vue", "./src/**/*.jsx"],
  defaultExtractor: content => content.match(/[\w-/:]+(?<!:)/g) || []
});

module.exports = {
  plugins: [
    require("tailwindcss"),
    require("autoprefixer"),
    ...(process.env.NODE_ENV === "production" ? [puraecss] : [])
  ]
};

/* index.css */
@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

// main.ts
import { createApp } from "vue";
import App from "./App.vue";
import "./index.css";

createApp(App).mount("#app");

Error

Module build failed (from ./node_modules/@vue/cli-service/node_modules/postcss-loader/src/index.js):
Error: PostCSS plugin autoprefixer requires PostCSS 8.
Migration guide for end-users:
https://github.com/postcss/postcss/wiki/PostCSS-8-for-end-users

How should I resolve the dependency of installing the latest version or this

[getspooky]

Hi,
Downgrade your autoprefixer to version 9, use

 "autoprefixer": "9.0.0",