[pickers][DateRangePicker] Text separator not correctly aligned vertically when displaying a helperText

[maproulx-innov]

Steps to reproduce

Steps:

1. Open this link to live example: https://codesandbox.io/p/sandbox/heuristic-bash-p4k6wt
2. Notice the vertical alignment of the text separator in the first DateRangePicker
3. Compare to the vertical alignment of the text separator in the second DateRangePicker

Current behavior

The text separator is vertically centered relative to the height of the TextField and the helperText.
I used slotProps={{ field: { dateSeparator: "to" }, }} to show it more clearly, but it's the same behavior with the default text separator.

Expected behavior

The text separator should be vertically centered relative to the height of the TextField only.

Context

No response

Your environment

npx @mui/envinfo

System:
    OS: Windows 10 10.0.19045
  Binaries:
    Node: 20.12.0 - C:\Program Files\nodejs\node.EXE
    npm: 10.5.0 - C:\Program Files\nodejs\npm.CMD
    pnpm: Not Found
  Browsers:
    Chrome: Not Found
    Edge: Chromium (131.0.2903.86)
  npmPackages:
    @emotion/react: 11.13.5 => 11.13.5
    @emotion/styled: 11.13.5 => 11.13.5
    @mui/core-downloads-tracker:  6.1.9
    @mui/envinfo: ^2.0.30 => 2.0.30
    @mui/icons-material: 6.1.9 => 6.1.9
    @mui/material: 6.1.9 => 6.1.9
    @mui/private-theming:  6.1.9
    @mui/styled-engine:  6.1.9
    @mui/system: 6.1.9 => 6.1.9
    @mui/types:  7.2.19
    @mui/utils: 6.1.9 => 6.1.9
    @mui/x-charts: 7.23.0 => 7.23.0
    @mui/x-charts-vendor:  7.20.0
    @mui/x-data-grid: 7.23.0 => 7.23.0
    @mui/x-date-pickers-pro: 7.23.1 => 7.23.1
    @mui/x-internals:  7.23.0
    @mui/x-license: 7.23.0 => 7.23.0
    @types/react: 18.3.12 => 18.3.12
    react: 18.3.1 => 18.3.1
    react-dom: 18.3.1 => 18.3.1
    typescript: 5.4.5 => 5.4.5

Search keywords: daterangepicker helperText
Order ID: 103632