title: Webpack css conflicts
body: <p>I have monorepo under lerna that contains modules dependent one to another.</p>
  <p>I have <code>Text</code> module that has import of css file in index.ts like:</p>
  <pre><code>import './text.css'
  </code></pre>
  <p>I have <code>Button</code> module that uses <code>Text</code> as dependency</p>
  <p>And I have external application that use both of them.</p>
  <p>Issue: When webpack build html it put all css in <code>&lt;head&gt;</code> so for example if button use <code>Text v1.1.1</code> and my application use <code>Text v2.2.2</code> one of them will override another... Can I say to webpack, when you add css as <code>&lt;style&gt;</code> tag wrap it with some class like:</p>
  <pre><code>.button {
     /// put here css that comes from `Text` element under the `Button`
  }
  </code></pre>
  <p>or may be if someone know other solutions for my issue?
  Thanks</p>