Single toast positioning doesn't work correctly

[zwelhtetyan]

The specific positioning of each toaster conflicts with the common position from the parent toaster.

const App: ParentComponent = (props) => {
  return (
    <main>
      <Toaster position="bottom-right" />
      <Test />
    </main>
  );
};

const Test = () => {
  onMount(() => {
    toast("Hello, sonner!", {
      duration: Infinity,
      position: "top-right",
    });
  });

return;
}

[arnaudbzn]

Same issue (tested on mobil with Safari iOs) <Toaster position="top-center" /> works but

toast("test", { position: "top-center"}) doesn't work: the toast is hidden below the top bar and the animation is from the bottom instead of the top.