Toast design not applying correctly when navigating with View Transitions in Astro

[JosephLondono]

I'm using the toast library in an application built with Astro, and I've encountered an issue when navigating between routes using View Transitions.

Steps:

1. Navigate to the home page ( / ).
2. Click a link to go to the page where the toast component is used ( /toast ).
3. On the /toast page, clicking the button to trigger the toast displays the toast, but the design is not applied correctly.
4. If I refresh the page (either with F5 or the refresh button), the toast works, and the design is applied as expected.

When navigating between routes using View Transitions, the toast appears without the correct design. Only after refreshing the page does the toast display with the expected design.

Additional information:
Framework: Astro
Using View Transitions for navigation between pages.
The issue only occurs when navigating between pages; the toast design is applied correctly after refreshing the page.

page_cFvUNUje.mp4