autorepfixer does not respect rules

Created by: FDiskas

Is this a bug report?

YES

Did you try recovering your dependencies?

Fresh install create-react-app: 1.5.2 YARN version v1.3.2

Which terms did you search for in User Guide?

autoprefixer, css, display: grid

Environment

1. node -v: v8.9.1
2. npm -v: 5.6.0
3. yarn --version (if you use Yarn): 1.5.2
4. npm ls react-scripts (if you haven’t ejected):

Then, specify:

1. Operating system: Ubuntu based
2. Browser and version (if relevant):

Steps to Reproduce

(Write your steps here:)

1. npm i -g create-react-app
2. create-react-app autoprefixer
3. add .demo { display: grid } to App.css file
4. yarn build
5. open generated css file in build directory and check .demo class content

Expected Behavior

.demo {
display: -ms-grid;
display: grid;
}

Actual Behavior

.demo{display:grid}

I tried to eject and change the autoprefixer option by adding grid: true it works

Folow https://github.com/postcss/autoprefixer/issues/603#issuecomment-365015199

SO please add that option to your webpack autoprefixer config by default