[Bug]: Icon picker css specifity

[markaplet]

What happened?

Recent updates to Divi (4.21.0) or 1.9.0 of the template are causing the icons in the Divi icon picker to no longer appear correctly. Inspecting the CSS it appears that Divi's specificity is overwriting CA Gov CSS. In particular this line:

.et-db #et-boc .et-l .et-fb-font-icon-list li.et-pb-fa-icon::after {
    font-family: FontAwesome !important;
}

Changing the above font-family to CaGov in the inspector fixes the broken icons.

CAWeb Version

1.9.0

Divi Version

4.21.0

Relevant log output

No response

[markaplet]

FWIW: I added the following line to /css/admin.min.css to increase specificity.

/* Increases CAWeb icon picker specificity so icons will appear. */
.et-db #et-boc .et-l #et-fb-icon_picker.et-fb-font-icon-list li.et-pb-fa-icon::after {
    font-family: CAGov, FontAwesome !important;
}

Additionally, I noticed that 1.9.0 of the theme has removed all the font awesome icons from the icon picker. To reproduce this issue do the following:

• Create a new local server environment
• Install a fresh copy of Divi
• Install a fresh copy of 1.9.0 of the the theme.
• Create a new page with a blurb module.
• In the content settings, > Image & Icon > toggle Use Icon to true
• Change the filter to "FontAwesome"
• Note how the list will be empty and no icons will be shown.