fix(deps): update dependency autoprefixer to v9.7.3

[renovate[bot]]

This PR contains the following updates:

Package	Type	Update	Change
autoprefixer	dependencies	minor	9.0.0 -> 9.7.3

---

Release Notes

postcss/autoprefixer

### [`v9.7.3`](https://togithub.com/postcss/autoprefixer/blob/master/CHANGELOG.md#​973) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.7.2...9.7.3) - Fix compatibility with PostCSS Modules. ### [`v9.7.2`](https://togithub.com/postcss/autoprefixer/blob/master/CHANGELOG.md#​972) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.7.1...9.7.2) - Add `-ms-user-select: element` support. - Add funding link for `npm fund`. ### [`v9.7.1`](https://togithub.com/postcss/autoprefixer/blob/master/CHANGELOG.md#​971) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.7.0...9.7.1) - Avoid unnecessary transitions in prefixed selectors (by Andrey Alexandrov). - Fix `fit-content` for Firefox. ### [`v9.7.0`](https://togithub.com/postcss/autoprefixer/releases/9.7.0) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.6.5...9.7.0) Autoprefixer 9.7 brings `AUTOPREFIXER_GRID` environment variable and huge performance improvments. #### Grid Environment Variable Autoprefixer can add [CSS Grid polyfills for IE](https://togithub.com/postcss/autoprefixer#does-autoprefixer-polyfill-grid-layout-for-ie). You need to manually enable it to prove that you understand the limits of polyfill. In previous versions you can enable Grid polyfill by `grid: 'autoplace'` option or by `/* autoprefixer grid: autoplace */` control comment. But in some cases, developers were not able to use both methods. For instance, during [work with Material UI’ CSS-in-JS in Create React App](https://togithub.com/postcss/autoprefixer/issues/1257). Now Autoprefixer supports environment variable to enable CSS Grid polyfill: ```sh AUTOPREFIXER_GRID=autoplace npm build ``` #### Performance Improvements [@​Knagis](https://togithub.com/Knagis) [found](https://togithub.com/postcss/autoprefixer/issues/1256) that Browserslist takes 70% of the Autoprefixer time.  We did a lot of improvements in Browserslist and now Autoprefixer should work much faster.  #### Other - Fix [`Cannot read property 'grid' of undefined`](https://togithub.com/postcss/autoprefixer/issues/1244) error ### [`v9.6.5`](https://togithub.com/postcss/autoprefixer/blob/master/CHANGELOG.md#​965) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.6.4...9.6.5) - Fix selector prefixing (by Andrey Alexandrov). ### [`v9.6.4`](https://togithub.com/postcss/autoprefixer/blob/master/CHANGELOG.md#​964) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.6.3...9.6.4) - Now the real fix for `'startsWith' of undefined` error. ### [`v9.6.3`](https://togithub.com/postcss/autoprefixer/blob/master/CHANGELOG.md#​963) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.6.2...9.6.3) - Fix `Cannot read property 'startsWith' of undefined` error. ### [`v9.6.2`](https://togithub.com/postcss/autoprefixer/blob/master/CHANGELOG.md#​962) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.6.1...9.6.2) - Fix false `Replace fill to stretch` warning. ### [`v9.6.1`](https://togithub.com/postcss/autoprefixer/blob/master/CHANGELOG.md#​961) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.6.0...9.6.1) - Fix `-webkit-line-clamp` truncating multi-line text support. ### [`v9.6.0`](https://togithub.com/postcss/autoprefixer/releases/9.6.0) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.5.1...9.6.0) Autoprefixer 9.6 marked `browsers` option as deprecated and added `text-orientation` and `@media (min-resolution: 2x)` support. We added the “Sponsor” button to your repository. You can support Autoprefixer and other open source projects important for your business by [Tidelift](https://tidelift.com/subscription/pkg/npm-autoprefixer). #### Browsers Autoprefixer adds prefixes only for target browsers, browsers which is support on your project. Initially, Autoprefixer had the `browsers` option to set target browsers. But we found that many tools need target browsers too. [`postcss-preset-env`](https://preset-env.cssdb.org/) and `babel-preset-env` use them to add only actual polyfills, [postcss-normalize](https://togithub.com/csstools/postcss-normalize) uses them to add only necessary CSS reset rules, plugins for ESLint and Stylelint will warn you if some of the target browsers doesn’t support your code. This is why we created [Browserslist](https://togithub.com/browserslist/browserslist) config file. It is a single config for all tools. A lot of users still uses the `browsers` option. We understand them; it is hard to change old practice. Unfortunately, using the `browsers` option creates many problems. For instance, you can miss that your build tool has own Autoprefixer inside. It will cut your prefixes because it will not know about your target browsers. This is why, in 9.6, we decided to deprecate the `browsers` option. Autoprefixer will show a warning on this option. In the next 10.0 release, we will drop this option. This is how you can migrate: 1. Create `browserslist` key with an array in `package.json`. 2. Copy queries from the `browsers` option. If you have `browsers: [“last 1 version”, “not dead”]`, then you need: ```js "browserslist": [ "last 1 version", "not dead" ] ``` #### HiDPI Media Query We all need to support HiDPI/retina screen now. Autoprefixer supports specific media query for HiDPI screens: ```css .image { background-image: url(image@1x.png); } @​media (min-resolution: 2dppx) { .image { background-image: url(image@2x.png); } } ``` ```css .image { background-image: url(image@1x.png); } @​media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) { .image { background-image: url(image@2x.png); } } ``` Bug we found that [CSS Values 4 spec](https://www.w3.org/TR/css-values-4/#resolution) added `x` alias for `dppx`. Autoprefixer 9.6 supports `@media (min-resolution: 2x)` shortcut. Note, that Autoprefixer will not convert it to `2dppx`. Autoprefixer adds only prefixes. Use [`postcss-preset-env`](https://preset-env.cssdb.org/) to add polyfills. #### Other - [`text-orientation`](https://tympanus.net/codrops/css_reference/text-orientation/) property support was added. - [@​jmmarco](https://togithub.com/jmmarco) added `CONTRIBUTING.md` ### [`v9.5.1`](https://togithub.com/postcss/autoprefixer/blob/master/CHANGELOG.md#​951) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.5.0...9.5.1) - Fix `backdrop-filter` for Edge (by Oleh Aloshkin). - Fix `min-resolution` media query support in Firefox < 16. ### [`v9.5.0`](https://togithub.com/postcss/autoprefixer/releases/9.5.0) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.4.10...9.5.0) Autoprefixer 9.5 brings `mask-composite` support. ```css a { mask-composite: add; } b { mask: url(intersect.png) intersect, url(exclude.png); } ``` ```css a { -webkit-mask-composite: source-over; mask-composite: add; } b { -webkit-mask: url(intersect.png), url(exclude.png); -webkit-mask-composite: source-in, xor; mask: url(intersect.png) intersect, url(exclude.png); } ``` Thanks to [@​semeleven](https://togithub.com/semeleven) for implementation and [@​iamvdo](https://togithub.com/iamvdo) for suggestion. ### [`v9.4.10`](https://togithub.com/postcss/autoprefixer/blob/master/CHANGELOG.md#​9410) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.4.9...9.4.10) - Add warning for named Grid rows. ### [`v9.4.9`](https://togithub.com/postcss/autoprefixer/blob/master/CHANGELOG.md#​949) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.4.8...9.4.9) - Fix `grid-template` and `@media` case (by Bogdan Dolin). ### [`v9.4.8`](https://togithub.com/postcss/autoprefixer/blob/master/CHANGELOG.md#​948) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.4.7...9.4.8) - Fix `calc()` support in Grid gap. ### [`v9.4.7`](https://togithub.com/postcss/autoprefixer/blob/master/CHANGELOG.md#​947) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.4.6...9.4.7) - Fix infinite loop on mismatched parens. ### [`v9.4.6`](https://togithub.com/postcss/autoprefixer/blob/master/CHANGELOG.md#​946) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.4.5...9.4.6) - Fix warning text (by Albert Juhé Lluveras). ### [`v9.4.5`](https://togithub.com/postcss/autoprefixer/blob/master/CHANGELOG.md#​945) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.4.4...9.4.5) - Fix `text-decoration-skip-ink` support. ### [`v9.4.4`](https://togithub.com/postcss/autoprefixer/blob/master/CHANGELOG.md#​944) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.4.3...9.4.4) - Use `direction` value for `-ms-writing-mode` (by Denys Kniazevych). - Fix warning text (by [@​zzzzBov](https://togithub.com/zzzzBov)). ### [`v9.4.3`](https://togithub.com/postcss/autoprefixer/blob/master/CHANGELOG.md#​943) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.4.2...9.4.3) - Add warning to force `flex-start` instead of `start` (by Antoine du Hamel). - Fix docs (by Christian Oliff). ### [`v9.4.2`](https://togithub.com/postcss/autoprefixer/blob/master/CHANGELOG.md#​942) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.4.1...9.4.2) - Fix Grid autoplacement warning. ### [`v9.4.1`](https://togithub.com/postcss/autoprefixer/blob/master/CHANGELOG.md#​9410) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.4.0...9.4.1) - Add warning for named Grid rows. ### [`v9.4.0`](https://togithub.com/postcss/autoprefixer/releases/9.4.0) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.3.1...9.4.0) Autoprefixer 9.4.0 brings limited **autoplacement** support to the IE CSS Grid. #### Grid Autoplacement If the `grid` option is set to `"autoplace"`, limited autoplacement support is now added to the Autoprefixer CSS Grid translations. You can also use the `/* autoprefixer grid: autoplace */` control comment to enable autoplacement directly in your CSS. In order to use the new autoplacement feature, you **must define both rows and columns** when declaring the grid template. ```css /* Input CSS */ /* autoprefixer grid: autoplace */ .autoplacement-example { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; grid-gap: 20px; } ``` ```css /* Output CSS */ /* autoprefixer grid: autoplace */ .autoplacement-example { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 20px 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto 20px auto; grid-template-rows: auto auto; grid-gap: 20px; } .autoplacement-example > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .autoplacement-example > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; } .autoplacement-example > *:nth-child(3) { -ms-grid-row: 3; -ms-grid-column: 1; } .autoplacement-example > *:nth-child(4) { -ms-grid-row: 3; -ms-grid-column: 3; } ``` Autoplacement support in Autoprefixer is currently very limited in what it can do. Please read the [Grid Autoplacement support in IE ](https://togithub.com/postcss/autoprefixer#grid-autoplacement-support-in-ie) section before using this new feature. Thanks to [@​bogdan0083](https://togithub.com/bogdan0083) for implementing the new feature, [@​Dan503](https://togithub.com/Dan503) for documenting it, and [@​evandiamond](https://togithub.com/evandiamond) for coming up with the initial idea. #### Other Changes - Remove some unnecessary warnings for Grid (by [@​fanich37](https://togithub.com/fanich37)). ### [`v9.3.1`](https://togithub.com/postcss/autoprefixer/blob/master/CHANGELOG.md#​931) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.3.0...9.3.1) - Fix Grid prefixes with `repeat()` value (by Bogdan Dolin). ### [`v9.3.0`](https://togithub.com/postcss/autoprefixer/releases/9.3.0) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.2.1...9.3.0) Autoprefixer 9.3 brings `place-self` support for Grid Layout #### `place-self` [@​Dan503](https://togithub.com/Dan503) and [@​bogdan0083](https://togithub.com/bogdan0083) [found](https://togithub.com/postcss/autoprefixer/issues/1143) a way to impement support for another Grid property ```css .grid > .center { place-self: center; } ``` ```css .grid > .center { -ms-grid-row-align: center; -ms-grid-column-align: center; place-self: center; } ``` #### Other Changes [@​Dan503](https://togithub.com/Dan503) and [@​bogdan0083](https://togithub.com/bogdan0083) also [detected and fixed](https://togithub.com/postcss/autoprefixer/issues/1146) issue with Grid row/column span inheritance. ### [`v9.2.1`](https://togithub.com/postcss/autoprefixer/blob/master/CHANGELOG.md#​921) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.2.0...9.2.1) - Fix broken AST. ### [`v9.2.0`](https://togithub.com/postcss/autoprefixer/releases/9.2.0) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.1.5...9.2.0) Autoprefixer 9.2 brings many new improvements for `-ms-` prefixes for Grid Layout. #### New Ways to Enable/Disable Grid Layout In previous versions, you had needed to pass `grid: true` to enable prefixes for Grid Layout. But not all users have access to Autoprefixer options. CodePen, Create Reat App or Angular CLI doesn’t allow you to do it. In Autoprefixer 9.2 [@​fanich37](https://togithub.com/fanich37) added special control comments: ```css /* autoprefixer grid: on */ .grid { display: grid; grid-gap: 33px; grid-template: "head head head" 1fr "nav main main" minmax(100px, 1fr) "nav foot foot" 2fr / 1fr 100px 1fr; } .non-ie .grid { /* autoprefixer grid: off */ … } ``` Autoprefixer doesn’t support Grid properties and values with `auto`. In 9.2 it will ignore whole `@supports` content if it contains these Grid properties: ```css @​supports (grid-auto-rows: 100px) { /* Autoprefixer will not show Grid warnings and will not add prefixes here */ } ``` #### Smarter `grid-area` Autoprefixer supports `grid-template` even if it was not in IE Grid spec. But in 9.2 [@​bogdan0083](https://togithub.com/bogdan0083) really improve it according to [@​Dan503](https://togithub.com/Dan503) idea. Now Autoprefixer supports even overriding `grid-template`. ```css /* autoprefixer grid: on */ .grid { display: grid; grid-template: "nav main" minmax(100px, 1fr) "nav foot" 2fr / 100px 1fr; } .grid.no-menu { grid-template: "main" minmax(100px, 1fr) "foot" 2fr } ``` #### Other Changes - Improve Grid warnings (by [@​Dan503](https://togithub.com/Dan503) and [@​bogdan0083](https://togithub.com/bogdan0083)) - Improve docs (by [@​JoshuaHall](https://togithub.com/JoshuaHall), [@​Drarok](https://togithub.com/Drarok), [@​revelt](https://togithub.com/revelt), and [@​janczer](https://togithub.com/janczer)). ### [`v9.1.5`](https://togithub.com/postcss/autoprefixer/blob/master/CHANGELOG.md#​915) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.1.4...9.1.5) - Remove `@babel/register` from dependencies. ### [`v9.1.4`](https://togithub.com/postcss/autoprefixer/blob/master/CHANGELOG.md#​914) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.1.3...9.1.4) - Use Babel 7. ### [`v9.1.3`](https://togithub.com/postcss/autoprefixer/blob/master/CHANGELOG.md#​913) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.1.2...9.1.3) - Sort properties in `autoprefixer --info` alphabetically. - Fix old Firefox gradient prefix. ### [`v9.1.2`](https://togithub.com/postcss/autoprefixer/blob/master/CHANGELOG.md#​912) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.1.1...9.1.2) - Fix `autoprefixer --info` in new Node.js. ### [`v9.1.1`](https://togithub.com/postcss/autoprefixer/blob/master/CHANGELOG.md#​911) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.1.0...9.1.1) - Retain `grid-gap` through `@media` (by Bogdan Dolin). - Fix `grid-template` and `@media` (by Bogdan Dolin). - Fix Grid areas searching error (by Bogdan Dolin). - Fix `span X` Grid prefix (by Bogdan Dolin). - Fix docs (by Eduard Kyvenko). ### [`v9.1.0`](https://togithub.com/postcss/autoprefixer/releases/9.1.0) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.0.2...9.1.0) Autoprefixer 9.1 brings `background-clip: text` and fix `span` in IE Grid. #### Background Clip `background-clip: text` become to be the standard and got Edge support. So we added it to Autoprefixer: ```css .title { background: linear-gradient(yellow, red); -webkit-background-clip: text; background-clip: text; } ``` Note, that Edge expect `-webkit-` prefix for this property. #### Grid Layout Fix [@​bogdan0083](https://togithub.com/bogdan0083) [fixed](https://togithub.com/postcss/autoprefixer/pull/1086) [an issue](https://togithub.com/postcss/autoprefixer/issues/1084) when media-query override some `grid-template`. ### [`v9.0.2`](https://togithub.com/postcss/autoprefixer/blob/master/CHANGELOG.md#​902) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.0.1...9.0.2) - Show warning on Grid area names conflict (by Bogdan Dolin). - Fix documentation (by Sven Wagner). ### [`v9.0.1`](https://togithub.com/postcss/autoprefixer/blob/master/CHANGELOG.md#​901) [Compare Source](https://togithub.com/postcss/autoprefixer/compare/9.0.0...9.0.1) - Fix nested at-rules in Grid prefixes (by Ivan Malov).

---

Renovate configuration

:date: Schedule: At any time (no schedule defined).

:vertical_traffic_light: Automerge: Enabled.

:recycle: Rebasing: Whenever PR is stale, or if you modify the PR title to begin with "rebase!".

:no_bell: Ignore: Close this PR and you won't be reminded about this update again.

---

• [ ] If you want to rebase/retry this PR, check this box

---

Newsflash: Renovate has joined WhiteSource, and is now free for all use. Learn more or view updated terms and privacy policies.