postcss v8

[therealgilles]

Anywhere aware of issues with the postcss v8 update? I'm getting the following error related to postccs v8 and autoprefixer:

> npx gulp build
autoprefixer: postcss.plugin was deprecated. Migration guide:
https://evilmartians.com/chronicles/postcss-8-plugin-migration
rtlcss: postcss.plugin was deprecated. Migration guide:
https://evilmartians.com/chronicles/postcss-8-plugin-migration
[12:16:44] Using gulpfile .../app/src/semantic-ui/gulpfile.js
[12:16:44] Starting 'build'...
Building Semantic
[12:16:44] Starting 'build-css'...
[12:16:44] Starting 'Building uncompressed CSS'...
[12:16:44] Starting 'Building compressed CSS'...
[12:16:44] 'Building compressed CSS' errored after 602 ms
[12:16:44] Error: TypeError in plugin "gulp-autoprefixer"
Message:
    Cannot read property 'unprefixed' of undefined
Details:
    postcssNode: box-sizing: inherit
    fileName: .../app/src/semantic-ui/src/definitions/globals/reset.css

Stack:
TypeError: Cannot read property 'unprefixed' of undefined
    at .../app/src/semantic-ui/src/definitions/globals/reset.css:634:3
    at Prefixes.unprefixed (.../node_modules/autoprefixer/lib/prefixes.js:372:39)
    at .../node_modules/autoprefixer/lib/processor.js:400:40
    at .../node_modules/postcss/lib/container.js:91:18
    at .../node_modules/postcss/lib/container.js:74:18
    at Rule.each (.../node_modules/postcss/lib/container.js:60:16)
    at Rule.walk (.../node_modules/postcss/lib/container.js:71:17)
    at .../node_modules/postcss/lib/container.js:79:24
    at Root.each (.../node_modules/postcss/lib/container.js:60:16)
    at Root.walk (.../node_modules/postcss/lib/container.js:71:17)
    at Root.walkDecls (.../node_modules/postcss/lib/container.js:89:19)
    at DestroyableTransform.errorHandler (.../app/src/semantic-ui/tasks/config/tasks.js:124:19)
    at DestroyableTransform.emit (node:events:390:22)
    at DestroyableTransform.EventEmitter.emit (node:domain:470:12)
    at onwriteError (.../node_modules/readable-stream/lib/_stream_writable.js:449:12)
    at onwrite (.../node_modules/readable-stream/lib/_stream_writable.js:470:11)
    at WritableState.onwrite (.../node_modules/readable-stream/lib/_stream_writable.js:180:5)
    at DestroyableTransform.afterTransform (.../node_modules/readable-stream/lib/_stream_transform.js:93:3)
    at processImmediate (node:internal/timers:465:21)
    at process.topLevelDomainCallback (node:domain:147:15)
    at process.callbackTrampoline (node:internal/async_hooks:130:14)
[12:16:44] 'build-css' errored after 605 ms
[12:16:44] 'build' errored after 607 ms

[lubber-de]

You are still using semantic-ui, right? Does it also happen when using fomantic-UI ? Because we have upgraded reset.css to the latest normalize.css, which probably solves the issue (?)

[therealgilles]

Thank you for the reply.

This was with fomantic-ui. I have not had a chance to come back to this project for a while now, but will do at some point. Here is what I wrote in my git log then:

• Add @fontName to site.variables but cannot run fomantic-ui build due to postcss v8 incompatibility.

so it looks like the fomantic-ui build was failing with the above error (this was on Feb 8, same day I posted the above message).

[lubber-de]

We upgraded autoprefixer. which also uses postcss 8, some time ago.