Getting warnings using postcss autoprefixer

[elisherer]

WARNING in ./~/css-loader?importLoaders=3!./~/postcss-loader!./~/resolve-url-loader!./~/sass-loader?sourceMap&outputStyle=expanded!./~/react-selectize/themes/index.css
autoprefixer: C:\themes\index.css:17:2: You should write display: flex by final spec instead of display: box

WARNING in ./~/css-loader?importLoaders=3!./~/postcss-loader!./~/resolve-url-loader!./~/sass-loader?sourceMap&outputStyle=expanded!./~/react-selectize/themes/index.css
autoprefixer: C:\themes\index.css:44:2: You should write display: flex by final spec instead of display: box

WARNING in ./~/css-loader?importLoaders=3!./~/postcss-loader!./~/resolve-url-loader!./~/sass-loader?sourceMap&outputStyle=expanded!./~/react-selectize/themes/index.css
autoprefixer: C:\themes\index.css:76:2: You should write display: flex by final spec instead of display: box

WARNING in ./~/css-loader?importLoaders=3!./~/postcss-loader!./~/resolve-url-loader!./~/sass-loader?sourceMap&outputStyle=expanded!./~/react-selectize/themes/index.css
autoprefixer: C:\themes\index.css:101:2: You should write display: flex by final spec instead of display: box

WARNING in ./~/css-loader?importLoaders=3!./~/postcss-loader!./~/resolve-url-loader!./~/sass-loader?sourceMap&outputStyle=expanded!./~/react-selectize/themes/index.css
autoprefixer: C:\themes\index.css:168:2: You should write display: flex by final spec instead of display: box

WARNING in ./~/css-loader?importLoaders=3!./~/postcss-loader!./~/resolve-url-loader!./~/sass-loader?sourceMap&outputStyle=expanded!./~/react-selectize/themes/index.css
autoprefixer: C:\themes\index.css:588:2: You should write display: flex by final spec instead of display: box

WARNING in ./~/css-loader?importLoaders=3!./~/postcss-loader!./~/resolve-url-loader!./~/sass-loader?sourceMap&outputStyle=expanded!./~/react-selectize/themes/index.css
autoprefixer: C:\themes\index.css:606:2: You should write display: flex by final spec instead of display: box

WARNING in ./~/css-loader?importLoaders=3!./~/postcss-loader!./~/resolve-url-loader!./~/sass-loader?sourceMap&outputStyle=expanded!./~/react-selectize/themes/index.css
autoprefixer: C:\themes\index.css:628:2: You should write display: flex by final spec instead of display: box

I'm guessing the "bad" css is created by stylus, maybe just an upgrade to stylus will fix it.

(for more information see: https://github.com/postcss/autoprefixer/issues/473)

[mvolkmann]

I will create a PR to fix this if the author tells me it is likely to be accepted. @furqanZafar, please let me know. The presence of these warnings is messing up the build process on my project and I'd like to get this resolved quickly.

[mvolkmann]

Can someone tell me how the file themes/index.css gets generated? I see that it isn't in the GitHub repo.

[elisherer]

Look for # create dist/index.css In gulpfile.ls

[Didericis]

I didn't see any further action on this so I opened a PR that should fix the issue: https://github.com/furqanZafar/react-selectize/pull/130

[twig]

@furqanZafar any chance we can get a release for this soon?