title: ionic-4 Text-wrap on ion-select-option
body: <p><strong>HTML</strong></p>
  
  <pre><code>&lt;ion-item&gt;
      &lt;ion-label&gt;Popover&lt;/ion-label&gt;
      &lt;ion-select [interfaceOptions]="customPopoverOptions" interface="popover" placeholder="Select One"&gt;
        &lt;ion-select-option value="brown" text-wrap&gt;Brownasdfasdfasdfasdfadfadsfasdfadfasdfafdsadfaf&lt;/ion-select-option&gt;
        &lt;ion-select-option value="blonde"&gt;Blonde&lt;/ion-select-option&gt;
        &lt;ion-select-option value="black"&gt;Black&lt;/ion-select-option&gt;
        &lt;ion-select-option value="red"&gt;Red&lt;/ion-select-option&gt;
      &lt;/ion-select&gt;
    &lt;/ion-item&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/PtYcs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PtYcs.png" alt="image"></a></p>
  
  <p><strong>SASS:</strong></p>
  
  <pre><code>ion-select-option{
     ion-label{
       white-space: normal !important;
     }
  }
  </code></pre>
  
  <blockquote>
    <p>I'm not able to override the existing <code>white-space: nowrap</code> </p>
    
    <p>I would like to know how to override the shadow-dom css</p>
  </blockquote>