chore(deps): update dependency postcss to v8.4.31

PostCSS 8.4 brought ranges for warnings and errors, smaller node_modules size, lazy parsing to avoid PostCSS does nothing warning, and TypeScript fixes.

Thanks to Sponsors

This release was possible thanks to our community.

If your company wants to support the sustainability of front-end infrastructure or wants to give some love to PostCSS, you can join our supporters by:

Tidelift with a Spotify-like subscription model supporting all projects from your lock file.
Direct donations in PostCSS & Autoprefixer Open Collective.

Rages for Errors and Warnings

@adalinesimonian, the author of amazing Stylelint extension for VS Code, added ranges to errors and warnings.

result.warn(msg, { index })           // One character warning at index
result.warn(msg, { endIndex })        // Starts at node start, ends at endIndex
result.warn(msg, { index, endIndex }) // Starts at index, ends at endIndex
result.warn(msg, { start })           // Starts at start, ends at node end
result.warn(msg, { end })             // Starts at node start, ends at end
result.warn(msg, { start, end })      // Starts at start, ends at end
result.warn(msg, { word })            // Starts at word location, ends at word index + length

It will improve DX in the IDE extension.

Lazy Parsing

Previously, we found that many tools run PostCSS even if the developer didn’t pass any PostCSS plugins. Parsing is the most expensive step in CSS processing. It led to a waste of resources without any reason.

We tried to resolve the problem by adding a PostCSS does nothing warning. But it didn’t force tool authors to be more careful with user’s resources.

If PostCSS sees that tool call it without passing plugins (or changing parser/stringifier), PostCSS will not parse CSS (until toll will call Result#root). In 8.4, @bogdan0083 (with the help of @WilhelmYakunin) tries to solve the problem in another way. It allows us to save resources and remove the PostCSS does nothing warning.

// No plugins, we do not parse CSS
let result = await postcss().process(css, { from  })
result.css  // Is the same string passed to process()
result.map  // Special 1-to-1 source map
result.root // CSS will parsed only here

Install Size Reduction

With ≈60M weekly downloads, PostCSS has responsibility for the world’s resource spending.

Together with @7rulnik we reduced source-map-js size. It is transitive dependency of PostCSS.

In 8.4, we moved to a fixed version of source-map-js, which reduced the postcss size in your node_modules from ≈1 MB to 0.3 MB. With the huge popularity of PostCSS, it will free a lot of resources on our CIs.

Migration from Jest to `uvu`

@kimoofey refactored all tests from the popular Jest framework to small and fast uvu.

It will not affect end-users. However, it reduced our node_modules size by 33 MB and made tests twice faster (yarn install & yarn unit: 24 → 13 seconds).

TypeScript Fixes

Added Processor types.
Added Stringifier types (by @43081j).
Fixed types Root and Document in result values (by @43081j).
Fixed Node#walkRules() types (by @hudochenkov).

Other Changes

Fixed docs (by @paulshryock).

`v8.3.11`

Compare Source

Remove debugging code.

`v8.3.10`

Compare Source

Fixed Maximum call stack issue of some source maps (by Yeting Li).

`v8.3.9`

Compare Source

Replaced nanocolors to picocolors.
Reduced package size.

`v8.3.8`

Compare Source

Update nanocolors.

`v8.3.7`

Compare Source

Replaced colorette to nanocolors.
Added bug field to package.json (by Christian Oliff).
Improved docs (by Andrew Bruce and Paul Shryock).

`v8.3.6`

Compare Source

Fixed column in missed semicolon error (by @Gusted).

`v8.3.5`

Compare Source

Fixed broken AST detection.

`v8.3.4`

Compare Source

Fixed broken AST detection.

`v8.3.3`

Compare Source

Fixed broken AST on postcss dependency duplication in custom parsers.

`v8.3.2`

Compare Source

Update changelog.

`v8.3.1`

Compare Source

Remove debugging code.

`v8.3.0`: 8.3 “Duke Murmur”

Compare Source

PostCSS 8.3 improved source map parsing performance, added Node#assign() shortcut, and experimental Document node to AST.

Thanks to Sponsors

This release was possible thanks to our community.

If your company wants to support the sustainability of front-end infrastructure or wants to give some love to PostCSS, you can join our supporters by:

Tidelift with a Spotify-like subscription model supporting all projects from your lock file.
Direct donations in PostCSS & Autoprefixer Open Collective.

Source Map Performance

Because PostCSS needs synchronous API, we can’t move from the old `source-map 0.6 to 0.7 (many other open-source projects too).

@7rulnik forked source-map 0.6 to source-map-js and back-ported performance improvements from 0.7. In 8.3 we switched from source-map to this source-map-js fork.

You map see 4x performance improvements in parsing map from processing step before PostCSS (for instance, Sass).

`Document` Nodes

Thanks to @gucong3000, PostCSS already parse CSS from HTML and JS files (CSS-in-JS templates and objects).

But his plugin need big updates. @hudochenkov from stylelint team decided to create new parsers for styles inside CSS-in-JS, HTML, and Markdown.

He suggested adding new Document node type to PostCSS AST to keep multiple Root nodes inside and JS/HTML/Markdown code blocks between these style blocks.

const document = htmlParser(
  '<html><style>a{color:black}</style><style>b{z-index:2}</style>'
)
document.type          //=> 'document'
document.nodes.length  //=> 2
document.nodes[0].type //=> 'root'

This is an experimental feature. Some aspects of this node could change within minor or patch version releases.

`Node#assign()` Shortcut

The creator of famous postcss-preset-env and many other PostCSS tools, @jonathantneal suggested a nice shortcut to change multiple properties in the node:

decl.assign({ prop: 'word-wrap', value: 'break-word' })

`v8.2.15`

Compare Source

Fixed list type definitions (by @n19htz).

`v8.2.14`

Compare Source

Removed source-map from client-side bundle (by Barak Igal).

`v8.2.13`

Compare Source

Fixed ReDoS vulnerabilities in source map parsing (by Yeting Li).

`v8.2.12`

Compare Source

Fixed package.json exports.

`v8.2.11`

Compare Source

Fixed DEP0148 warning in Node.js 16.
Fixed docs (by @semiromid).

`v8.2.10`

Compare Source

Fixed ReDoS vulnerabilities in source map parsing.
Fixed webpack 5 support (by Barak Igal).
Fixed docs (by Roeland Moors).

`v8.2.9`

Compare Source

Exported NodeErrorOptions type (by Rouven Weßling).

`v8.2.8`

Compare Source

Fixed browser builds in webpack 4 (by Matt Jones).

`v8.2.7`

Compare Source

Fixed browser builds in webpack 5 (by Matt Jones).

`v8.2.6`

Compare Source

Fixed Maximum call stack size exceeded in Node#toJSON.
Fixed docs (by inokawa).

`v8.2.5`

Compare Source

Fixed escaped characters handling in list.split (by Natalie Weizenbaum).

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Enabled.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 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

This PR has been generated by Mend Renovate. View repository job log here.

Feb 06 '21 20:02 renovate[bot]

chore(deps): update dependency postcss to v8.4.31

Release Notes

v8.4.0: 8.4 “President Camio”

Thanks to Sponsors

Rages for Errors and Warnings

Lazy Parsing

Install Size Reduction

Migration from Jest to uvu

TypeScript Fixes

Other Changes

v8.3.0: 8.3 “Duke Murmur”

Thanks to Sponsors

Source Map Performance

Document Nodes

Node#assign() Shortcut

Configuration

`v8.4.0`: 8.4 “President Camio”

Migration from Jest to `uvu`

`v8.3.0`: 8.3 “Duke Murmur”

`Document` Nodes

`Node#assign()` Shortcut