Support controlling Tooltip's association prop via <IconButton />

[schne324]

In cases where the icon button needs a complex accessible name joined from several tokens in the aria-labelledby attribute, it can be difficult to create the "ideal" accessible name. Specifically the fact that the tooltip's ID gets added to the end of the token list can create some sub-optimal accNames.

Example

<h2 id="heading">Some contextual heading</h2>
<p id="paragraph">additional info</p>
<IconButton
  icon="foo"
  label={i18n`Some action`}
  aria-labelledby={`heading paragraph`}
  onClick={handleInspect}
/>

This would create an accessible name of:

Some contextual heading additional info Some action

Where it is sometimes ideal for "Some action" to be at the beginning of the accName

[scurker]

So I think we can address some of this holistically with #1423, but in the interim period we need to find some middle ground.

I think the changes to be made here are:

• Add tooltipProps to IconButton
• Merge any of the existing individual tooltip props with properties from tooltipProps taking priority
• Mark the existing individual props as deprecated