title: Ionic Native Toast message not showing when working with modalController
body: <p>I am using <a href="https://ionicframework.com/docs/native/toast/" rel="nofollow noreferrer">Toast</a> to show a message. It works fine when it is not toasting a message on top of <a href="https://ionicframework.com/docs/api/components/modal/ModalController/" rel="nofollow noreferrer">ModalController</a>. <br>
  So it is probably because toast has a lower z-index.
  <br></p>
  
  <p>Things I have tried:<br>
  Change the z-index of the ion-modal.(sass showing below)<br>
  Use <a href="https://ionicframework.com/docs/api/components/toast/ToastController/" rel="nofollow noreferrer">ToastController</a>.(works in browser, but not on device so I switched to Toast)</p>
  
  <pre><code>ion-modal{
      z-index:1 !important;
      .modal-wrapper{
          z-index:1;
      }
      ion-backdrop{
          z-index:2;
      }
  }
  
  
  **********
  Your system information:
  
   ordova CLI: 7.0.1
  Ionic CLI Version: 2.2.3
  Ionic App Lib Version: 2.2.1
  ios-deploy version: Not installed
  ios-sim version: Not installed
  OS: Windows 10
  Node Version: v6.10.2
  Xcode version: Not installed
  </code></pre>