chore: Bump outline-icons (#5170

* Bump outline-icons to default use currentColor

* wip

app/scenes/Document/components/CommentThreadItem.tsx

@@ -220,6 +220,7 @@ const Menu = styled(CommentMenu)<{ dir?: "rtl" | "ltr" }>`
   top: 4px;
   opacity: 0;
   transition: opacity 100ms ease-in-out;
+  color: ${s("textSecondary")};
 
   &:hover,
   &[aria-expanded="true"] {

app/scenes/Document/components/DocumentMeta.tsx

@@ -59,7 +59,7 @@ function TitleDocumentMeta({ to, isDraft, document, ...rest }: Props) {
             to={documentUrl(document)}
             onClick={() => ui.toggleComments(document.id)}
           >
-            <CommentIcon color="currentColor" size={18} />
+            <CommentIcon size={18} />
             {commentsCount
               ? t("{{ count }} comment", { count: commentsCount })
               : t("Comment")}

app/scenes/Document/components/Header.tsx

@@ -115,7 +115,6 @@ function DocumentHeader({
           ui.tocVisible ? ui.hideTableOfContents : ui.showTableOfContents
         }
         icon={<TableOfContentsIcon />}
-        iconColor="currentColor"
         borderOnHover
         neutral
       />
@@ -327,7 +326,6 @@ function DocumentHeader({
                     label={(props) => (
                       <Button
                         icon={<MoreIcon />}
-                        iconColor="currentColor"
                         {...props}
                         borderOnHover
                         neutral

app/scenes/Document/components/Notices.tsx

@@ -39,8 +39,7 @@ export default function Notices({ document, readOnly }: Props) {
           icon={<ShapesIcon />}
           description={
             <Trans>
-              Highlight some text and use the{" "}
-              <PlaceholderIcon color="currentColor" /> control to add
+              Highlight some text and use the <PlaceholderIcon /> control to add
               placeholders that can be filled out when creating new documents
             </Trans>
           }

app/scenes/Document/components/ReferenceListItem.tsx

@@ -76,11 +76,7 @@ function ReferenceListItem({
       {...rest}
     >
       <Content gap={4} dir="auto">
-        {emoji ? (
-          <EmojiIcon emoji={emoji} />
-        ) : (
-          <DocumentIcon color="currentColor" />
-        )}
+        {emoji ? <EmojiIcon emoji={emoji} /> : <DocumentIcon />}
         <Title>
           {emoji ? document.title.replace(emoji, "") : document.title}
         </Title>

app/scenes/Document/components/SharePopover.tsx

@@ -222,11 +222,7 @@ function SharePopover({
   return (
     <>
       <Heading>
-        {isPubliclyShared ? (
-          <GlobeIcon size={28} color="currentColor" />
-        ) : (
-          <PadlockIcon size={28} color="currentColor" />
-        )}
+        {isPubliclyShared ? <GlobeIcon size={28} /> : <PadlockIcon size={28} />}
         <span>{t("Share this document")}</span>
       </Heading>
 
@@ -327,7 +323,7 @@ function SharePopover({
           <span />
         ) : (
           <MoreOptionsButton
-            icon={<ExpandedIcon color="currentColor" />}
+            icon={<ExpandedIcon />}
             onClick={() => setExpandedOptions(true)}
             neutral
             borderOnHover