add force push next toast functional

[ivan-zeller]

When the application has some functionality, as in the video - the user presses a button to show a toast with the text of this button. When the button is pressed, the toaster is displayed for a while, and when the user presses another button while the toaster is displayed, the previous toast is not hidden, but only changes the text without animation. We need to hide the previous toast and show the next one with animation.

How it works without a patch
https://drive.google.com/file/d/1ZYm6SfcblQaxDTcLuEHqcsaq_a2bv78i/view?usp=sharing
How it works with a patch
https://drive.google.com/file/d/1bAlti2UUwiriLR1fp0o1inMtCoD7dBrY/view?usp=sharing

[TheNerdGuyLulu]

@ivan-zeller Please, don't forget to add this new prop to the Doc 😉

[AngCosmin]

Can we merge this one?

[AlejandroGutierrezB]

Can we merge this one?

I am also interested in having this merged, if the only thing missing is adding those props to the docs I can do it myself

let me know @calintamas

[JanRajtr]

Any idea when this might be merged?

[saaymeen]

Any ETA on this one? Important to visually indicate that a new toast has been created, even if the content is the same. I use the lib to communicate API errors (e.g. wrong OTP entered) and the toast component does not change if the user enters a wrong OTP twice, resulting in bad UX because there is no visual feedback provided on the second attempt.