Use Codex styles for buttons in language overlay (attempt 2)

* Replace all instances of mw-ui markup with Codex markup
* Use codex-search-styles
* Where codex-search-styles is not installed (e.g. 1.39)
register an alias which points to @wikimedia/codex as that is
available.

Bug: T340255
Bug: T340257
Change-Id: I4f3ddfb68ea6c033ee7a49729187f4ddbc8abe5c

resources/js/ext.uls.interface.js

@@ -121,7 +121,14 @@
 	 * @return {jQuery}
 	 */
 	function createMenuButton( buttonClass ) {
-		var classes = [ 'mw-ui-button', 'mw-ui-quiet', buttonClass ];
+		// cdx-button--type-quiet is needed for 1.39 support.
+		// Please remove when support is no longer needed.
+		var classes = [
+			'cdx-button',
+			'cdx-button--weight-quiet',
+			'cdx-button--type-quiet',
+			buttonClass
+		];
 		// eslint-disable-next-line mediawiki/class-doc
 		return $( '<button>' ).addClass( classes );
 	}
@@ -580,7 +587,7 @@
 
 		ev.preventDefault();
 
-		mw.loader.using( [ 'ext.uls.mediawiki', 'mediawiki.ui.button' ] ).then( function () {
+		mw.loader.using( [ 'ext.uls.mediawiki', '@wikimedia/codex' ] ).then( function () {
 			var parent, languageNodes, standalone, uls;
 
 			parent = document.querySelectorAll( '.mw-portlet-lang, #p-lang' )[ 0 ];