fix(many): import cross-package deps from /latest in v2 components

Several v2 components imported cross-package types/components from the
bare package entry (ui-options, ui-form-field, ui-expandable), which
resolves to the v1 default and can pull v1 implementations/types into v2.
Point these imports at the /latest entry instead.

Affected: ui-color-picker, ui-drilldown, ui-toggle-details

INSTUI-5120

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: git-nandor

packages/ui-color-picker/src/ColorPicker/v2/props.ts

@@ -23,7 +23,7 @@
  */
 
 import React from 'react'
-import type { FormMessage } from '@instructure/ui-form-field'
+import type { FormMessage } from '@instructure/ui-form-field/latest'
 import type {
   WithStyleProps,
   ComponentStyle,

packages/ui-drilldown/src/Drilldown/v2/DrilldownOption/props.ts

@@ -31,7 +31,7 @@ import type { WithStyleProps } from '@instructure/emotion'
 import type {
   OptionsItemRenderProps,
   OptionsItemProps
-} from '@instructure/ui-options'
+} from '@instructure/ui-options/latest'
 
 import Drilldown from '../index.js'
 import { Renderable } from '@instructure/shared-types'

packages/ui-drilldown/src/Drilldown/v2/DrilldownSeparator/props.ts

@@ -28,7 +28,7 @@ import type {
   AsElementType
 } from '@instructure/shared-types'
 import type { WithStyleProps } from '@instructure/emotion'
-import type { OptionsSeparatorProps } from '@instructure/ui-options'
+import type { OptionsSeparatorProps } from '@instructure/ui-options/latest'
 import type { NewComponentTypes } from '@instructure/ui-themes'
 
 type DrilldownSeparatorOwnProps = {

packages/ui-toggle-details/src/ToggleDetails/v2/index.tsx

@@ -28,15 +28,15 @@ import {
   ChevronRightInstUIIcon,
   ChevronDownInstUIIcon
 } from '@instructure/ui-icons'
-import { Expandable } from '@instructure/ui-expandable'
+import { Expandable } from '@instructure/ui-expandable/latest'
 import { omitProps, pickProps } from '@instructure/ui-react-utils'
 import { isActiveElement } from '@instructure/ui-dom-utils'
 
 import { withStyleNew } from '@instructure/emotion'
 import generateStyle from './styles.js'
 import type { ToggleDetailsProps } from './props'
 import { allowedProps } from './props.js'
-import type { ExpandableToggleProps } from '@instructure/ui-expandable'
+import type { ExpandableToggleProps } from '@instructure/ui-expandable/latest'
 import type { ViewProps } from '@instructure/ui-view/latest'
 
 /**

packages/ui-toggle-details/src/ToggleGroup/v2/index.tsx

@@ -31,8 +31,8 @@ import {
 } from '@instructure/ui-react-utils'
 import { IconButton } from '@instructure/ui-buttons/latest'
 import { Transition } from '@instructure/ui-motion'
-import { Expandable } from '@instructure/ui-expandable'
-import type { ExpandableToggleProps } from '@instructure/ui-expandable'
+import { Expandable } from '@instructure/ui-expandable/latest'
+import type { ExpandableToggleProps } from '@instructure/ui-expandable/latest'
 import { isActiveElement } from '@instructure/ui-dom-utils'
 import { Flex } from '@instructure/ui-flex/latest'
 import { View } from '@instructure/ui-view/latest'