If someone writes their markup

<select class="form-select select" id="adminarea1" name="adminarea1" data-filter="true">
  <!-- the 'hidden' attribute -->
  <option value="" selected hidden disabled></option>
</select>

Suggestion:

Add .d-none to the current list of classes to the generated markup

<div class="active disabled select-option selected" data-id="option-266986" role="option" aria-selected="true" aria-disabled="true" style="height: 38px;">
  <span class="select-option-text"></span>
</div>

To be

<div class="active d-none disabled select-option selected" data-id="option-266986" role="option" aria-selected="true" aria-disabled="true" style="height: 38px;">
  <span class="select-option-text"></span>
</div>