Buttons should make it easy to style overflow text with ellipses

[adidahiya]

Environment

• Package version(s): core v5.6.0
• Browser and OS versions: Chrome on macOS

Feature request

Users often need to style Button text with Classes.TEXT_OVERFLOW_ELLIPSIS styling to truncate long text. This is currently somewhat cumbersome to do; we often see styles like this in a CSS module:

// in a CSS module

@use "@blueprintjs/core/lib/scss/variables" as bp;

.my-button {
 :global(.#{bp.$ns}-button-text) {
    overflow: hidden;
    text-wrap: nowrap;
    text-overflow: ellipsis;
  }
}

#4460 will help with this; that will allow users to use Blueprint's utility styling class:

<Button textClassName={Classes.TEXT_OVERFLOW_ELLIPSIS} />

However it would be even nicer if Buttons had a prop for this styling behavior, something like:

<Button ellipsizeText={true} />

^ this prop naming attempts to match up with <Text ellipsize={true}>