Unknown at rule @tailwindcss(unknownAtRules)

I found something wrong in app/ui/global.css, when i use eslint, it tells me that:

it turn out that @tailwind is not best practice, can anyone help me about this? and this is my postcss.config.js

// postcss.config.js
module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
};

this is my .lintstagerc.json, i can't make commits when i turn "eslint --fix" on, and i think this tutorial should be a best practice

// .lintstagerc.json
{
  "./app/**/*.{js,ts,jsx,tsx,json,html,css,md}": [
    "eslint --fix",
    "prettier --write"
  ]
}

Start by reviewing app/ui/global.css alongside postcss.config.js and .lintstagerc.json to trace why ESLint reports @tailwind as an unknown at-rule. Run the configured eslint --fix and prettier --write commands, and consider the issue complete when the tutorial setup can commit without the reported diagnostic.