RTL is not working in the latest beta

Describe the bug Setting [rtl: true] in [quasar.conf.js] results in this error when building the app with “quasar dev”

 TypeError: Cannot read property 'unprefixed' of undefined

  - keyframes.js:5 Object.<anonymous>
    [WebApp]/[postcss-rtl]/lib/keyframes.js:5:35   [line 5: const unprefixed = postcss.vendor.unprefixed;]

  - loader:1092 Module._compile
    node:internal/modules/cjs/loader:1092:14

I searched and found that “vendor” has been removed in postcss 8+ according to postcss/postcss#1372

And the current installed postcss in quasar is 8.2.7 while “postcss-rtl”: “^1.7.3” is still expecting vendor, and no one is supporting this repo anymore.

To Reproduce A new project with “rtl” set to true:

Expected behavior “quasar dev” should run smoothly

Platform (please complete the following information): Quasar Version: 2.0.0-beta.9 @quasar/app Version: 2.2.3 Quasar mode:

• SPA

Tested on:

• SPA

OS: Windows 10 Node: v15.11.0 NPM:7.6.1

[rstoenescu]

This ticket is obsolete now. Fixed while upgrading q/app to use Webpack 5 AND switching from postcss-rtl to postcss-rtlcss in the process. Will work correctly with “@quasar/app” v3.0.0-beta.16.

[webSongNO1]

(I asked for the version because you reported 2.2.3 initially)

Sorry about that 😊

I tried Yarn and It’s working.

So I looked for the PostCSS version and found out that Yarn is installing PostCSS version “7.0.35”, just the one before the 8th… which is compatible with PostCSS-RTL.

thank you! The perfect solution to my problem. Check the package.lock to see if the bear version is “7.0.36”