title: How to disable vendor prefixes in styled-components configuration?
body: <p>I am using <code>styled-components</code> library in my React project.<br />
  I would like to disable generating of vendor prefixes during the development time.<br />
  It is very cumbersome to find a specified CSS property among so many similar to toggle it and test in browser's dev tools.<br />
  Just take a look at this picture (borrowed from one of the issues regarding the same)</p>
  <p><a href="https://i.stack.imgur.com/r6zhb.png" rel="noreferrer"><img src="https://i.stack.imgur.com/r6zhb.png" alt="enter image description here" /></a></p>
  <p>Anything I found on the Internet is to use the <code>disableVendorPrefixes</code> prop on StyleSheetManager which is no solution for me, because:</p>
  <ol>
  <li>I don't use StyleSheetManager</li>
  <li>I want to put this as configuration in my development Webpack config file</li>
  </ol>
  <p>Things I found and don't satisfy my needs:</p>
  <ol>
  <li><a href="https://github.com/styled-components/styled-components/issues/719" rel="noreferrer">https://github.com/styled-components/styled-components/issues/719</a></li>
  <li><a href="https://github.com/styled-components/styled-components/issues/285" rel="noreferrer">https://github.com/styled-components/styled-components/issues/285</a></li>
  </ol>