refactor(editor): edgeless toolbar chevron down icon (#10898)

blocksuite/affine/components/src/highlight-dropdown-menu/dropdown-menu.ts

@@ -1,12 +1,13 @@
 import type { AffineTextAttributes } from '@blocksuite/affine-shared/types';
 import { PropTypes, requiredProperties } from '@blocksuite/block-std';
-import { ArrowDownSmallIcon } from '@blocksuite/icons/lit';
 import { LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { html } from 'lit-html';
 import { repeat } from 'lit-html/directives/repeat.js';
 
+import { EditorChevronDown } from '../toolbar';
+
 const colors = [
   'default',
   'red',
@@ -56,8 +57,7 @@ export class HighlightDropdownMenu extends LitElement {
                   'var(--affine-text-primary-color)',
               })}
             ></affine-highlight-duotone-icon>
-
-            ${ArrowDownSmallIcon()}
+            ${EditorChevronDown}
           </editor-icon-button>
         `}
       >