share NEXT_DEV_TOOLS_SCALE with legacy indicator

Author: devjiwonchoi

packages/next/src/next-devtools/dev-overlay/components/errors/dev-tools-indicator/dev-tools-info/preferences.ts

@@ -1,5 +1,6 @@
 import { useState } from 'react'
 import {
+  NEXT_DEV_TOOLS_SCALE,
   STORAGE_KEY_POSITION,
   STORAGE_KEY_SCALE,
   STORAGE_KEY_THEME,
@@ -26,14 +27,6 @@ export function getInitialPosition() {
 
 //////////////////////////////////////////////////////////////////////////////////////
 
-const BASE_SIZE = 16
-
-export const NEXT_DEV_TOOLS_SCALE = {
-  Small: BASE_SIZE / 14,
-  Medium: BASE_SIZE / 16,
-  Large: BASE_SIZE / 18,
-} as const
-
 export type DevToolsScale =
   (typeof NEXT_DEV_TOOLS_SCALE)[keyof typeof NEXT_DEV_TOOLS_SCALE]
 

packages/next/src/next-devtools/dev-overlay/components/errors/dev-tools-indicator/dev-tools-info/user-preferences.tsx

@@ -1,15 +1,18 @@
 import { useState, type HTMLProps } from 'react'
 import { css } from '../../../../utils/css'
 import EyeIcon from '../../../../icons/eye-icon'
-import { STORAGE_KEY_POSITION, STORAGE_KEY_THEME } from '../../../../shared'
+import {
+  NEXT_DEV_TOOLS_SCALE,
+  STORAGE_KEY_POSITION,
+  STORAGE_KEY_THEME,
+} from '../../../../shared'
 import LightIcon from '../../../../icons/light-icon'
 import DarkIcon from '../../../../icons/dark-icon'
 import SystemIcon from '../../../../icons/system-icon'
 import type { DevToolsInfoPropsCore } from './dev-tools-info'
 import { DevToolsInfo } from './dev-tools-info'
 import {
   getInitialTheme,
-  NEXT_DEV_TOOLS_SCALE,
   type DevToolsIndicatorPosition,
   type DevToolsScale,
 } from './preferences'

packages/next/src/next-devtools/dev-overlay/shared.ts

@@ -229,10 +229,9 @@ export const INITIAL_OVERLAY_STATE: Omit<
   isDevToolsPanelOpen: false,
   indicatorPosition:
     (localStorage.getItem(STORAGE_KEY_POSITION) as Corners) ?? 'bottom-left',
-  scale:
-    localStorage.getItem(STORAGE_KEY_SCALE)
-      ? Number(localStorage.getItem(STORAGE_KEY_SCALE))
-      : NEXT_DEV_TOOLS_SCALE.Medium,
+  scale: localStorage.getItem(STORAGE_KEY_SCALE)
+    ? Number(localStorage.getItem(STORAGE_KEY_SCALE))
+    : NEXT_DEV_TOOLS_SCALE.Medium,
 }
 
 function getInitialState(