Revert "finish migrating toast module"

This reverts commit 7c0c616d6f.

libs/components/src/toast/toast.component.html

@@ -8,7 +8,7 @@
     <i aria-hidden="true" class="bwi tw-text-xl tw-py-1.5 tw-px-2.5 {{ iconClass }}"></i>
     <div>
       <span class="tw-sr-only">{{ variant() | i18n }}</span>
-      @if (title(); as title) {
+      @if (title) {
         <p data-testid="toast-title" class="tw-font-semibold tw-mb-0">{{ title }}</p>
       }
       @for (m of messageArray; track m) {

libs/components/src/toast/toast.component.ts

@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Output, input } from "@angular/core";
+import { Component, EventEmitter, Input, Output, input } from "@angular/core";
 
 import { IconButtonModule } from "../icon-button";
 import { SharedModule } from "../shared";
@@ -41,7 +41,10 @@ export class ToastComponent {
   readonly message = input.required<string | string[]>();
 
   /** An optional title to display over the message. */
-  title = input<string>();
+  // TODO: Skipped for migration because:
+  //  This input is used in a control flow expression (e.g. `@if` or `*ngIf`)
+  //  and migrating would break narrowing currently.
+  @Input() title?: string;
 
   /**
    * The percent width of the progress bar, from 0-100