use standard @storybook/icons instead of custom ucons

package.json

@@ -38,6 +38,7 @@
     "@storybook/components": "^8.0.0-beta.4",
     "@storybook/core-events": "^8.0.0-beta.4",
     "@storybook/global": "^5.0.0",
+    "@storybook/icons": "^1.2.5",
     "@storybook/manager-api": "^8.0.0-beta.4",
     "@storybook/theming": "^8.0.0-beta.4",
     "fast-deep-equal": "^3.1.3",

src/Tool.tsx

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { global } from '@storybook/global';
 import { themes, ThemeVars } from '@storybook/theming';
 import { IconButton } from '@storybook/components';
+import { MoonIcon, SunIcon } from '@storybook/icons';
 import {
   STORY_CHANGED,
   SET_STORIES,
@@ -11,9 +12,6 @@ import { API, useParameter } from '@storybook/manager-api';
 import equal from 'fast-deep-equal';
 import { DARK_MODE_EVENT_NAME, UPDATE_DARK_MODE_EVENT_NAME } from './constants';
 
-import { Sun } from './icons/Sun';
-import { Moon } from './icons/Moon';
-
 const { document, window } = global as { document: Document; window: Window };
 const modes = ['light', 'dark'] as const;
 type Mode = typeof modes[number];
@@ -260,7 +258,7 @@ export function DarkMode({ api }: DarkModeProps) {
       }
       onClick={handleIconClick}
     >
-      {isDark ? <Sun /> : <Moon />}
+      {isDark ? <SunIcon aria-hidden="true" /> : <MoonIcon aria-hidden="true" />}
     </IconButton>
   );
 }