Feature: support custom mobile breakpoint

[atsixian]

Describe the feature 📝:

Sonner has a fixed 600px as the mobile breakpoint, but that's different from our design system(720px). This results in a weird intermediate style that is partially desktop and partially mobile when the size is between 600px and 720px.

Is it possible to make it customizable? Like a prop mobileBreakpoint on Toaster?

sonner/src/styles.css

Lines 351 to 358 in 94cb71e

	@media (max-width: 600px) {
	[data-sonner-toaster] {
	position: fixed;
	--mobile-offset: 16px;
	right: var(--mobile-offset);
	left: var(--mobile-offset);
	width: 100%;
	}

[atsixian]

i guess i'll just go ahead and change it in our fork.

[zr00da]

This should be a feature, not great having to edit the source or overpower the styling

[franck-boucher]

This feature is still needed