Material Tailwind V3 Nextjs Not working

[REAFLA]

I installed Material Tailwind v3 along with the version of Next.js that supports Tailwind CSS v3.
Even though it's version 3, I'm still getting the following error and it's not working as expected.

The error seems to be related to a Tailwind syntax issue, but it ultimately appears to be caused by importing Material Tailwind v3 as a plugin.

Is there any way to resolve this issue?

package.json

{
"name": "core-panel-nextjs-frontend",
"version": "0.1.0",
"private": true,
"scripts": {
"dev": "next dev --turbopack",
"build": "next build",
"start": "next start",
"lint": "next lint"
},
"dependencies": {
"@material-tailwind/react": "^3.0.0-beta.24",
"next": "15.0.4", <--- tailwindcss v3
"react": "^19.0.0",
"react-dom": "^19.0.0"
},
"devDependencies": {
"typescript": "^5",
"@types/node": "^20",
"@types/react": "^19",
"@types/react-dom": "^19",
"postcss": "^8",
"tailwindcss": "^3.4.17", <--- or 3.4.1
"eslint": "^8",
"eslint-config-next": "15.0.4"
}
}

Error