Override the toast style

[mengxi-ream]

Describe the feature / bug 📝:

I have a <Toast position="bottom-center" /> component in my layout.tsx file in Next.js.

On a page, I display various types of alerts, with some appearing in the top right corner and others in the bottom center.

Is there a way to override the position of these alerts? I looked into https://github.com/emilkowalski/sonner/issues/79, but it doesn't seem possible at the moment.

Is there any workaround or alternative solution available?