fix(ui): placement issue with sonner toasts (#10641)

Fixes #10633

Sonner had an upstream
[update](https://github.com/emilkowalski/sonner/releases/tag/v.1.7.2)
that moves offsets to a variables, some end projects were installing
1.7.2 whereas in our monorepo we have 1.7.0 hence it wasn't being caught
internally.

Author: paulpopus

packages/ui/package.json

@@ -124,7 +124,7 @@
     "react-image-crop": "10.1.8",
     "react-select": "5.9.0",
     "scheduler": "0.25.0",
-    "sonner": "^1.7.0",
+    "sonner": "^1.7.2",
     "ts-essentials": "10.0.3",
     "use-context-selector": "2.0.0",
     "uuid": "10.0.0"

packages/ui/src/scss/toasts.scss

@@ -2,6 +2,8 @@
 
 @layer payload-default {
   .payload-toast-container {
+    --offset: calc(var(--gutter-h) / 2);
+
     padding: 0;
     margin: 0;