Consultation webform phone field tooltip not working

Problem/Motivation

When testing #3305261: Automated Drupal 10 compatibility fixes → using the consultation webform, the phone field ends up with a gap after you click the tooltip next to the form label and the tooltip text doesn't show up.

Steps to reproduce

1. Install module and dependencies as usual
2. From the webform admin, duplicate the Template Webform for Consulation module (Template) webform
3. Create a consultation node
4. Choose the webform you created, fill in the rest of the form, and save the node
5. When viewing the node, click on the Have You Say Now button
6. Click the tooltip question mark next to the Phone number label
7. A gap will appear under the label and no tooltip is shown
8. When looking with Chrome Dev Tools, an error is shown:
   

       createTippy.ts:669 Uncaught TypeError: Cannot read properties of undefined (reading 'createPopper')
       at Et (createTippy.ts:669:31)
       at createTippy.ts:715:5
       at Object.show (createTippy.ts:997:5)
       at At (createTippy.ts:769:16)
       at HTMLSpanElement.ht (createTippy.ts:486:7)

Proposed resolution

TBD... needs debugging.

Remaining tasks

1. Debug the problem
2. Figure out fix
3. Fix, review, test and commit

User interface changes

The tooltip will work properly.

API changes

Data model changes