title: What is a good replacement for 'styled-components' in React application to produce secure web app?
body: <p>I came to a project that uses <strong>styled-components</strong> in the frontend written in React.</p>
  <p>It seems the decision to use it was quite unfortunate as this component ignores security aspects and generates inlined styles.</p>
  <p>Currently, in order to have the app running, there must be weakened security by specifying <code>style-src 'unsafe-inline'</code> in Content Security Policy, which is not acceptable in enterprise applications (at least in our corporate).</p>
  <p>It seems there is no workaround with this library except using nonce when server side rendering but we have currently static web and would prefer not to add SSR so this does not seem to be the right direction for us.</p>
  <p>There is quite lot of code and rewriting the app completely would require weeks maybe even a few month.
  Any experience with gradual moving away from styled-components? Is there some less painful way to get the security back?</p>