Dropdown widget javascript error when an option value with an apostrophe is selected

For the Facet dropdown widget, if there is an option who's raw value contains an apostrophe, a javascript error is thrown when selected.

As an example, consider the following option values:

- Revlon
- Olay
- L'Oreal

When L'Oreal is selected, a javascript error will be thrown: Uncaught Error: Syntax error, unrecognized expression: [data-drupal-facet-item-id='L'Oreal'].

This occurs, in our situation, in a Search API Solr stack, with the related field data type set to "Text". I presume it could happen in any instance where the raw dropdown option values have any invalid css or data attribute value. Drupal core offers the Html::getClass() method that can be leveraged when assigning the data-drupal-facet-item-id attribute to strip out unwanted elements.

The data-drupal-facet-item-value attribute does not seem to be affected by an invalid css/data attribute value, in that it is not used in dropdown-widget.js.

This issue was previously referenced in #2995304: Dropdown facet where raw value contains apostrophe, however, the proposed solution there has no affect for us.