✨ Refactor toast animations and transitions

- Set toast view z-index based on toast id
- Add transition animation for toast removal
- Simplify toast removal logic

DesignSystemApp/ContentView.swift

@@ -12,7 +12,7 @@ struct ContentView: View {
   var body: some View {
     VStack {
       Button("Toast!") {
-        Toast.shared.present(title: "Hello", symbol: "globe")
+        Toast.shared.present(title: "Airpods Pro", symbol: "airpodspro", isUserInteractionEnabled: true)
       }
     }
     .padding()

Shared/Sources/DesignSystem/Components/Toast/View/ToastGroup.swift

@@ -20,6 +20,7 @@ struct ToastGroup: View {
           ToastView(size: size, item: toast)
             .scaleEffect(scale(toast))
             .offset(y: offsetY(toast))
+            .zIndex(Double(model.toasts.firstIndex(where: { $0.id == toast.id }) ?? 0))
         }
       }
       .padding(.bottom, safeArea.top == .zero ? 15 : 10)

Shared/Sources/DesignSystem/Components/Toast/View/ToastView.swift

@@ -55,32 +55,18 @@ struct ToastView: View {
           }
         }
     )
-    .offset(y: animateIn ? 0 : 150)
-    .offset(y: !animateOut ? 0 : 150)
     .task {
-      guard !animateIn else { return }
-      withAnimation(.snappy) {
-        animateIn = true
-      }
-
       try? await Task.sleep(for: .seconds(item.duration.rawValue))
-
       removeToast()
     }
     // Limiting Size
     .frame(maxWidth: size.width * 0.7)
+    .transition(.offset(y: 150))
   }
 
   private func removeToast() {
-    guard !animateOut else { return }
-    withAnimation(.snappy, completionCriteria: .logicallyComplete) {
-      animateOut = true
-    } completion: {
-      removeToastItem()
+    withAnimation(.snappy ) {
+      Toast.shared.toasts.removeAll(where: { $0.id == item.id })
     }
   }
-
-  private func removeToastItem() {
-    Toast.shared.toasts.removeAll(where: { $0.id == item.id })
-  }
 }