title: Rollup and Post CSS - Auto-prefixing React className attributes
body: <p>I'm using Rollup + React + Post CSS to build a component library. I'm looking for a way to autoprefix class names so that they will not conflict with styles in the project using the library.</p>
  
  <p>I have already added this plugin to automate adding the 'prefix-' to every class name in the CSS:</p>
  
  <p><a href="https://github.com/marceloucker/postcss-prefixer" rel="nofollow noreferrer">Post CSS Prefixer</a></p>
  
  <p>However, this does not modify the JavaScript (JSX), so the React components are still using the unnamed classes as className attributes.</p>
  
  <p>Is there a way to use Rollup to automatically modify className attributes to include the same prefix specified in the CSS?</p>
  
  <p>Note that I'm not looking for a fully modular solution such as CSS Modules, as I want the same 'prefix-' across every component inside the library.</p>