[autocomplete] Add CSS var to allow customizing max-height

[rpanichakit9541]

Check existing issues

• I have checked for existing issues to avoid duplicates

Description

When use inside dialog, the autocomplete dropdown can become too tall and is clipped by the footer. It would be helpful to be able to customize the max-height vis a CSS variable.

Acceptance Criteria

A CSS variable is exposed that can be used to customize the max-height of the dropdown.

Relevant Info

Here's the property we're trying to customize

Here's the issue where this came up https://devtopia.esri.com/WebGIS/arcgis-portal-app/issues/60389

Which Component

calcite-autocomplete

Example Use Case

No response

Priority impact

impact - p3 - not time sensitive

Calcite package

• @esri/calcite-components
• @esri/calcite-components-react
• @esri/calcite-design-tokens
• @esri/calcite-ui-icons
• @esri/eslint-plugin-calcite-components

Esri team

ArcGIS Online