feat(ion-modal): change .ion-handle top position

[rbalet]

Prerequisites

• [X] I have read the Contributing Guidelines.
• [X] I agree to follow the Code of Conduct.
• [X] I have searched for existing issues that already include this feature request, without success.

Describe the Feature Request

I'd like to be able to change the ion-handle top position from 5px to 8px.

Describe the Use Case

Just UI decision

Describe Preferred Solution

being able to have a css variable available top: var(--ion-handle-top, 8px)

Describe Alternatives

Let me know the variable name and I can make a pull-request

Related Code

No response

Additional Information

No response

[tanner-reits]

@rbalet You should be able to do this using the exposed handle CSS part (all modal parts can be found in the docs).

.my-modal::part(handle) {
  top: 8px;
}