Postcss-resolve-url: postcss.plugin was deprecated

[JameelKhan9]

What version of Next.js are you using?

12.0.7

What version of Node.js are you using?

16.13.0

What browser are you using?

Chrome

What operating system are you using?

macOS

How are you deploying your application?

next dev, next build

Describe the Bug

Afer upgrading from 12.0.4 to 12.0.7, the following message appears when yarn dev or yarn build && yarn start:

postcss-resolve-url: postcss.plugin was deprecated. Migration guide:
https://evilmartians.com/chronicles/postcss-8-plugin-migration

Expected Behavior

The deprecation warning does not show.

To Reproduce

1. checkout next.js/examples/with-next-sass greater than 12.0.4
2. Run yarn
3. Run yarn dev

$ > yarn dev                  
yarn run v1.22.17
$ next
ready - started server on 0.0.0.0:3000, url: http://localhost:3000
postcss-resolve-url: postcss.plugin was deprecated. Migration guide:
https://evilmartians.com/chronicles/postcss-8-plugin-migration
event - compiled client and server successfully in 1448 ms (171 modules)

[timneutkens]

Related to #31762. This is just a warning and will not affect running your app so it's safe to ignore until it's fixed in Next.js.

[tonytoth]

@timneutkens it is affecting the application.

[brc-dd]

@tonytoth Your error is different from what JameelKhan9 wrote. Also, it is not reproducible by the steps given by them. Please provide a minimal, reproducible example. Next.js is already using postcss@8.2.15, so the error in your case most probably has to do something with your own setup.

[balazsorban44]

This issue has been automatically locked due to no recent activity. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.