why tailwindcss can't work with autoprefixer in postcss

[ClearTrajectory]

my webpack config is here:

{
test: /.css$/,
use: [
"style-loader",
{ loader: "css-loader" },
{
loader: "postcss-loader",
options: {
postcssOptions: {
plugins: [
[
require("tailwindcss"),
autoprefixer({
overrideBrowserslist: ["> 1%", "last 4 versions"],
}),
],
],
},
},
},
],

• },