fix(toast): update toast design to match MD spec (#16323)

Updates the Material Design Toast to closer match the spec: https://material.io/design/components/snackbars.html

- Updates the animation to use opacity, not translate
- Updates design with the right background, box-shadow, etc.
- Fixes the broken position middle of toast and updates e2e test to include this
- Allows for line breaks to be passed in the message

fixes #16271

core/src/utils/overlays.ts

@@ -132,7 +132,7 @@ function getAppRoot(doc: Document) {
 async function overlayAnimation(
   overlay: OverlayInterface,
   animationBuilder: AnimationBuilder,
-  baseEl: HTMLElement,
+  baseEl: any,
   opts: any
 ): Promise<boolean> {
   if (overlay.animation) {