autoprefixer: Replace color-adjust to print-color-adjust.

[MatthiasPeltzer]

Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

autoprefixer: Replace color-adjust to print-color-adjust. The color-adjust shorthand is currently deprecated.

_form_check.scss, line 28

color-adjust: exact; // Keep themed appearance for print

has to be

print-color-adjust: exact; // Keep themed appearance for print

in the future i think. it is depreceated.

Reduced test cases

no test link

What operating system(s) are you seeing the problem on?

Windows, macOS, iOS, Linux

What browser(s) are you seeing the problem on?

Chrome, Firefox

What version of Bootstrap are you using?

v5.1.3

[dkrnl]

same issue. and with postcss-fail-on-warn message failed my build :(

fix: npm install autoprefixer@10.4.5 --save-exact

[NicoAdrian]

Same issue here. Builds failing because of this.
The fixed proposed by @dkrnl didn't help me because I have react-scripts which depends on postcss-preset-env which depends on autoprefixer@10.4.6

edit: fixed it by forcing the version of the peer dependency in my package.json:

"resolutions": {
    "autoprefixer": "10.4.5"
}

edit 2: resolutions is for yarn. for NPM, it's indeed overrides @gideonmulder

[Levdbas]

I ran into the same issue for Bootstrap 4.6.1

[RafaelKis]

I'm experiencing the same issue:

Using laravel-mix v6.0.43 which depends on autoprefixer v10.4.7.

Bootstrap will compile, but produces a warning:

1 WARNING in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details)

Once I update webpack.mix.js with the following, I'll get a bit more details:

mix.webpackConfig({ stats: { children: true } });

WARNING in ./resources/sass/app.scss (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[4]!./resources/sass/app.scss)
Module Warning (from ./node_modules/postcss-loader/dist/cjs.js):
Warning

(2603:3) autoprefixer: Replace color-adjust to print-color-adjust. The color-adjust shorthand is currently deprecated.

[alimartondi]

I encountered the same issue when I created a project with create react app.
Bootstrap version: v5.1.3

[gideonmulder]

The fixes proposed by @dkrnl and @NicoAdrian didn't help me

Fixed it by forcing the version of the peer dependency in my package.json, note: I use node 16.15.0

"overrides": {
    "autoprefixer": "10.4.5"
 }

[bensti22]

"autoprefixer": "10.4.5" seem ignore the warning.

it is a temporary fix for me.
https://github.com/postcss/autoprefixer/blob/10.4.6/CHANGELOG.md

[jonathanfelicity]

All the above solution did not work for me :(.

[tpatalas]

Deleting and reinstalling fixed the issue for me. Currently on autoprefixer 10.4.7

[RadhaGupta91]

Replace color-adjust to print-color-adjust. The color-adjust shorthand is currently deprecated.

Below solution didnt't work
add in package.json
"overrides": {
"autoprefixer": "10.4.7"
}
npm install

[mikebm]

You gotta use 10.4.5.

  "overrides": {
    "autoprefixer": "10.4.5"
  }

[RicLzPt]

npm install autoprefixer@10.4.5 --save-exact

This worked