fix(listbox-button): removed truncation

[agliga]

Fixes #2228

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

Description

• So when verifiying older versions of the listbox code on skin site, I noticed that overflow is set but was not doing anything in those versions.
  (In this case I simply changed the html and saw that it stretched until infinite).

However when we changed it to be inline-grid from inline-flex the truncation was picked up and we ended up with this bug where the listbox dropdown is aligned to the size of the button.

So removing the truncation on the value solved this issue. We should probably revisit this in the future and put a limit on the container (a max width), but we need to get buy in from design. This is mostly to unblock teams that run into this issue with the last version.

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