fix(deps): update dependency vue-sonner to v2 (#1475)

This PR contains the following updates:

| Package | Change | Age | Confidence |
|---|---|---|---|
| [vue-sonner](https://redirect.github.com/xiaoluoboding/vue-sonner) |
[`1.3.2` ->
`2.0.8`](https://renovatebot.com/diffs/npm/vue-sonner/1.3.2/2.0.8) |
[![age](https://developer.mend.io/api/mc/badges/age/npm/vue-sonner/2.0.8?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/vue-sonner/1.3.2/2.0.8?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|

---

### Release Notes

<details>
<summary>xiaoluoboding/vue-sonner (vue-sonner)</summary>

###
[`v2.0.8`](https://redirect.github.com/xiaoluoboding/vue-sonner/blob/HEAD/CHANGELOG.md#208-2025-08-18)

[Compare
Source](https://redirect.github.com/xiaoluoboding/vue-sonner/compare/v2.0.7...v2.0.8)

##### Bug Fixes

- fixed the type for nuxt 4
([e60b0bd](https://redirect.github.com/xiaoluoboding/vue-sonner/commit/e60b0bd56f85493b0a3f4256ce7934a7cd12684f))

###
[`v2.0.7`](https://redirect.github.com/xiaoluoboding/vue-sonner/blob/HEAD/CHANGELOG.md#207-2025-08-17)

[Compare
Source](https://redirect.github.com/xiaoluoboding/vue-sonner/compare/v2.0.2...v2.0.7)

##### Bug Fixes

- custom component not trigger on dismiss function
([d5a69c6](https://redirect.github.com/xiaoluoboding/vue-sonner/commit/d5a69c6ae113fec77f992b17dd7167c616277a71))
- fixed the build error
([5ec4bca](https://redirect.github.com/xiaoluoboding/vue-sonner/commit/5ec4bca24fc9e619012e71a4a771ddf58846bc93))
- improve expanded state management in Toaster component
([5acca24](https://redirect.github.com/xiaoluoboding/vue-sonner/commit/5acca24250712e3842ababf5233ecb7902ae54be))
- postcss-calc will change the style
([f0d6add](https://redirect.github.com/xiaoluoboding/vue-sonner/commit/f0d6add116b3b86c1e55320d158203f675901882))

##### Features

- add a new example
([cb08aef](https://redirect.github.com/xiaoluoboding/vue-sonner/commit/cb08aef616b20535153ad942a693f72952e65791))
- add example for close all
([70ef6e2](https://redirect.github.com/xiaoluoboding/vue-sonner/commit/70ef6e2b7fde2533324d426a4ef1528f6ab5d422))

###
[`v2.0.2`](https://redirect.github.com/xiaoluoboding/vue-sonner/blob/HEAD/CHANGELOG.md#202-2025-07-17)

[Compare
Source](https://redirect.github.com/xiaoluoboding/vue-sonner/compare/v2.0.1...v2.0.2)

###
[`v2.0.1`](https://redirect.github.com/xiaoluoboding/vue-sonner/blob/HEAD/CHANGELOG.md#201-2025-06-23)

[Compare
Source](https://redirect.github.com/xiaoluoboding/vue-sonner/compare/v2.0.0...v2.0.1)

##### Bug Fixes

- fixed multiple position bug
([9b07801](https://redirect.github.com/xiaoluoboding/vue-sonner/commit/9b07801f5ffc835b89c0bbeb9ca42444764379e7))
- **theme:** make theme='system' reactive with watchEffect
([3b57e90](https://redirect.github.com/xiaoluoboding/vue-sonner/commit/3b57e904989e4a9789743cd219c1a31bf0cf8290))
- **tsconfig:** add tsconfig.includes files
([e0d469b](https://redirect.github.com/xiaoluoboding/vue-sonner/commit/e0d469b84e6e6724e8e66f4a3c1c309f73418184))

##### Features

- add do not generate css logic
([61458fb](https://redirect.github.com/xiaoluoboding/vue-sonner/commit/61458fb7aa010d126b65e57fd819e50a94e8c307))

###
[`v2.0.0`](https://redirect.github.com/xiaoluoboding/vue-sonner/blob/HEAD/CHANGELOG.md#200-2025-05-21)

[Compare
Source](https://redirect.github.com/xiaoluoboding/vue-sonner/compare/v1.3.2...v2.0.0)

##### Bug Fixes

- add packages path
([35490b3](https://redirect.github.com/xiaoluoboding/vue-sonner/commit/35490b3fb5a8e5294265582a2eff6ca5583ff308))
- add packages path
([c7424e9](https://redirect.github.com/xiaoluoboding/vue-sonner/commit/c7424e9070a7c660c7dbc2e9add38291569f61e3))
- fixed for nuxt module
([261eaf0](https://redirect.github.com/xiaoluoboding/vue-sonner/commit/261eaf0be2b424144b47ac7faf45659e44c19372))
- fixed for nuxt module
([29751cf](https://redirect.github.com/xiaoluoboding/vue-sonner/commit/29751cfd5b58e6c7b9f536e853b6a24f3737b8e4))
- format
([9033f2b](https://redirect.github.com/xiaoluoboding/vue-sonner/commit/9033f2b9355bb73aafdf1c9a941ef30ab8df12b4))

####
[1.3.2](https://redirect.github.com/xiaoluoboding/vue-sonner/compare/v1.3.0...v1.3.2)
(2025-04-12)

##### Bug Fixes

- improve CSS insertion logic to handle document loading state
([6b22d24](https://redirect.github.com/xiaoluoboding/vue-sonner/commit/6b22d2458b615db9261ad855684a73b0d0182b13))

</details>

---

### Configuration

📅 **Schedule**: Branch creation - At any time (no schedule defined),
Automerge - At any time (no schedule defined).

🚦 **Automerge**: Disabled by config. Please merge this manually once you
are satisfied.

♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the
rebase/retry checkbox.

🔕 **Ignore**: Close this PR and you won't be reminded about this update
again.

---

- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box

---

This PR was generated by [Mend Renovate](https://mend.io/renovate/).
View the [repository job
log](https://developer.mend.io/github/unraid/api).

<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiI0MS4xNy4yIiwidXBkYXRlZEluVmVyIjoiNDEuNzEuMSIsInRhcmdldEJyYW5jaCI6Im1haW4iLCJsYWJlbHMiOltdfQ==-->

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Eli Bosley <ekbosley@gmail.com>

web/src/components/UnraidToaster.vue

@@ -1,6 +1,15 @@
 <script lang="ts" setup>
+import { computed } from 'vue';
+
 import { Toaster } from '@unraid/ui';
 
+import { useThemeStore } from '~/store/theme';
+
+const themeStore = useThemeStore();
+
+// Get dark mode from theme store
+const theme = computed(() => (themeStore.darkMode ? 'dark' : 'light'));
+
 withDefaults(
   defineProps<{
     position?:
@@ -18,5 +27,5 @@ withDefaults(
 </script>
 
 <template>
-  <Toaster rich-colors close-button :position="position" />
+  <Toaster rich-colors close-button :position="position" :theme="theme" />
 </template>

web/src/components/Wrapper/component-registry.ts

@@ -6,12 +6,15 @@ import type { Component } from 'vue';
 
 // Import CSS for bundling - this ensures Tailwind styles are included
 import '~/assets/main.css';
+// Import @unraid/ui styles which includes vue-sonner styles
+import '@unraid/ui/styles';
 
 // Static imports for critical components that are always present
 // These are included in the main bundle for faster initial render
 import HeaderOsVersionCe from '@/components/HeaderOsVersion.standalone.vue';
 import ModalsCe from '@/components/Modals.standalone.vue';
 import ThemeSwitcherCe from '@/components/ThemeSwitcher.standalone.vue';
+import UnraidToaster from '@/components/UnraidToaster.vue';
 import UserProfileCe from '@/components/UserProfile.standalone.vue';
 
 // Type for Vue component module
@@ -136,7 +139,7 @@ export const componentMappings: ComponentMapping[] = [
     appId: 'color-switcher',
   },
   {
-    loader: () => import('../UnraidToaster.vue'),
+    component: UnraidToaster, // Static import - toaster styles need to be in main bundle
     selector: ['unraid-toaster', 'uui-toaster'],
     appId: 'toaster',
   },