feat(floating-ui): added support for floating-ui in dropdowns

[agliga]

Fixes #

• This PR contains CSS changes
• This PR does not contain CSS changes

Description

• In order to support floating ui, we needed to add some default styles. We have these as the default. I kept around the old behavior of the dropdown as menu-button__menu--set-position in case we need it (I do not think its necessary, but others might; menu buttons should only be toggled with javascript, so having a no-js option isn't really feasible).
• For the width: I added it as fit-content. I also make sure it resizes appropriately. When I did max-content, there were some issues with overflowing menu items which would cause it to span across the whole page.

Screenshots

Checklist

• I verify the build is in a non-broken state
• I verify all changes are within scope of the linked issue
• I regenerated all CSS files under dist folder
• I tested the UI in all supported browsers
• I did a visual regression check of the components impacted by doing a Percy build and approved the build
• I tested the UI in dark mode and RTL mode
• I added/updated/removed Storybook coverage as appropriate

[changeset-bot]

⚠️ No Changeset found

Latest commit: dc58664

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[ArtBlue]

Looks great!

[agliga]

#2514