Style Autoprefixer broken for `display: flex`

[prakashgurung-lab49]

Steps to reproduce the behavior:

<Carousel
     views={images}
     styles={{
         view: base => ({
             ...base,
             display: 'flex',
        })
    }}
/>

TLDR;
To fix, add space after flex to fix the issue but no prefix is added.
i.e display: 'flex '

Environment:
npm@6.145
node@v13.14.0

Expected style behavior:

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

Or

    display: flex;

Actual style behavior:

    display: -webkit-box,-moz-box,-ms-flexbox,-webkit-flex,flex;

invalid style