fix(ModalPage): expect number for height (#8209)

h2. Описание

Раньше `height` вставлялся в `style`, что позволяло передать без `px`.  С переходом на CSS переменную эта возможность пропала, поэтому проверяем, что `height` это число и добавляем `px`.

- related to #6759

h2. Изменения

Применил `megeStyle` в `style`, чтобы не применять object-spread когда не надо.

h2. Release notes
h2. Исправления
- ModalPage: числовые значения в `height` не приводились к `${height}px`

packages/vkui/src/components/ModalPage/ModalPageInternal.tsx

@@ -2,6 +2,7 @@
 
 import { type ComponentType, type KeyboardEvent, useCallback } from 'react';
 import { classNames, hasReactNode, noop } from '@vkontakte/vkjs';
+import { mergeStyle } from '../../helpers/mergeStyle';
 import { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';
 import { useExternRef } from '../../hooks/useExternRef';
 import { useVirtualKeyboardState } from '../../hooks/useVirtualKeyboardState';
@@ -182,11 +183,7 @@ export const ModalPageInternal = ({
           desktopMaxWidthClassName,
           sizeX === 'regular' && 'vkuiInternalModalPage--sizeX-regular',
         )}
-        style={{
-          ...style,
-          ...desktopMaxWidthStyle,
-          ...getHeightCSSVariable(height),
-        }}
+        style={mergeStyle(mergeStyle(desktopMaxWidthStyle, getHeightCSSVariable(height)), style)}
       >
         <div
           {...bottomSheetEventHandlers}
@@ -241,6 +238,9 @@ function resolveDesktopMaxWidth(
 
 function getHeightCSSVariable(height?: number | string): CSSCustomProperties | undefined {
   return height !== undefined
-    ? { '--vkui_internal_ModalPage--userHeight': `${height}` }
+    ? {
+        '--vkui_internal_ModalPage--userHeight':
+          typeof height === 'number' ? `${height}px` : height,
+      }
     : undefined;
 }