Toast: Make progress color a prop

[CareTiger]

Is your feature request related to a problem? Please describe.

I am frustrated that currently there is no prop to allow changing the progress bar color. "progress": "absolute bottom-0 left-0 right-0 h-1 bg-primary-500 dark:bg-primary-400",

Toasts are typically used to notify the user of either success or failure outcomes. currently the toast only supports the primary color. so in case of a failed outcome the user will be shown and error with the primary color which can confuse them.

Describe the solution you'd like

I would like to notify the user in case of a failed API call with a red (danger) progress bar that the action did not go through, a yellow progress bar for a warning and primary for success. Kind of like how Bootstrap has done Bootstrap alerts