How can I position the toast at "Center" on Mobile view? By default the position is "bottom-right" for larger screen sizes

[ChiragChrg]

How can I position the toast at "Center" on Mobile view? By default the position is "bottom-right" for larger screen sizes.
Can I do something like this using TailwindCSS :

<Toaster 
   className="center sm:bottom-right"
   position="bottom-right" 
/>

so that the Toast appears on the center at smaller screen sizes and defaults to bottom-right at larger screen sizes