chore: clean up a bunch of legacy styles (#5973)

* remove unused experimental-styles-within

* remove unused styles

* more cleanup + prepr

* Refactor nearly all legacy buttons to use ButtonStyled

* prepr

* Update MC account selector to modern version

* prepr

---------

Co-authored-by: Calum H. <calum@modrinth.com>

packages/ui/src/layouts/shared/files-tab/components/FileContextMenu.vue

@@ -11,7 +11,7 @@
 			<div
 				v-if="visible"
 				ref="menuRef"
-				class="experimental-styles-within fixed isolate z-[9999] flex w-fit min-w-[180px] flex-col gap-2 overflow-hidden rounded-2xl border border-solid border-surface-5 bg-bg-raised p-2 shadow-lg"
+				class="fixed isolate z-[9999] flex w-fit min-w-[180px] flex-col gap-2 overflow-hidden rounded-2xl border border-solid border-surface-5 bg-bg-raised p-2 shadow-lg"
 				:style="{ left: `${position.x}px`, top: `${position.y}px` }"
 				role="menu"
 				tabindex="-1"

packages/ui/src/layouts/shared/files-tab/components/FileNavbar.vue

@@ -114,7 +114,7 @@
 				<ButtonStyled v-if="showRefreshButton" type="outlined">
 					<button
 						type="button"
-						class="flex !h-10 items-center gap-2 !border-[1px] !border-surface-5"
+						class="flex !h-10 items-center gap-2"
 						:disabled="refreshing"
 						@click="handleRefresh"
 					>
@@ -135,7 +135,7 @@
 						:aria-label="formatMessage(messages.createNew)"
 						:disabled="disabled"
 						:tooltip="disabled ? disabledTooltip : undefined"
-						class="!h-10 justify-center gap-2 !border-[1px] !border-surface-5"
+						class="!h-10 justify-center gap-2"
 						:options="[
 							{ id: 'file', action: () => $emit('create', 'file') },
 							{ id: 'directory', action: () => $emit('create', 'directory') },

packages/ui/src/layouts/shared/files-tab/components/editor/EditorFindReplace.vue

@@ -94,7 +94,7 @@
 				</div>
 				<ButtonStyled type="outlined">
 					<button
-						class="!h-8 whitespace-nowrap !border !border-surface-5 px-2 text-sm disabled:opacity-50"
+						class="!h-8 whitespace-nowrap px-2 text-sm disabled:opacity-50"
 						:disabled="findMatchCount === 0"
 						@click="emit('replace', replaceQuery)"
 					>
@@ -103,7 +103,7 @@
 				</ButtonStyled>
 				<ButtonStyled type="outlined">
 					<button
-						class="!h-8 whitespace-nowrap !border !border-surface-5 px-2 text-sm disabled:opacity-50"
+						class="!h-8 whitespace-nowrap px-2 text-sm disabled:opacity-50"
 						:disabled="findMatchCount === 0"
 						@click="emit('replaceAll', replaceQuery)"
 					>

packages/ui/src/layouts/shared/files-tab/components/modals/FileCreateItemModal.vue

@@ -21,7 +21,7 @@
 		<template #actions>
 			<div class="flex gap-2 justify-end">
 				<ButtonStyled type="outlined">
-					<button class="!border !border-surface-4" @click="hide">
+					<button @click="hide">
 						<XIcon class="h-5 w-5" />
 						{{ formatMessage(commonMessages.cancelButton) }}
 					</button>

packages/ui/src/layouts/shared/files-tab/components/modals/FileDeleteItemModal.vue

@@ -7,7 +7,7 @@
 		<template #actions>
 			<div class="flex gap-2 justify-end">
 				<ButtonStyled type="outlined">
-					<button class="!border !border-surface-4" @click="hide">
+					<button @click="hide">
 						<XIcon class="h-5 w-5" />
 						{{ formatMessage(commonMessages.cancelButton) }}
 					</button>

packages/ui/src/layouts/shared/files-tab/components/modals/FileMoveItemModal.vue

@@ -26,7 +26,7 @@
 		<template #actions>
 			<div class="flex gap-2 justify-end">
 				<ButtonStyled type="outlined">
-					<button class="!border !border-surface-4" @click="hide">
+					<button @click="hide">
 						<XIcon class="h-5 w-5" />
 						{{ formatMessage(commonMessages.cancelButton) }}
 					</button>

packages/ui/src/layouts/shared/files-tab/components/modals/FileRenameItemModal.vue

@@ -14,7 +14,7 @@
 		<template #actions>
 			<div class="flex gap-2 justify-end">
 				<ButtonStyled type="outlined">
-					<button class="!border !border-surface-4" @click="hide">
+					<button @click="hide">
 						<XIcon class="h-5 w-5" />
 						{{ formatMessage(commonMessages.cancelButton) }}
 					</button>

packages/ui/src/layouts/shared/files-tab/components/modals/FileUnsavedChangesModal.vue

@@ -6,7 +6,7 @@
 		<template #actions>
 			<div class="flex justify-end gap-2">
 				<ButtonStyled type="outlined">
-					<button class="!border !border-surface-4" @click="handleCancel">
+					<button @click="handleCancel">
 						<XIcon />
 						{{ formatMessage(commonMessages.cancelButton) }}
 					</button>

packages/ui/src/layouts/shared/files-tab/components/modals/FileUploadConflictModal.vue

@@ -54,7 +54,7 @@
 		<template #actions>
 			<div class="flex justify-end gap-2 pt-4">
 				<ButtonStyled type="outlined">
-					<button class="!border !border-surface-4" @click="hide">
+					<button @click="hide">
 						<XIcon />
 						{{ formatMessage(commonMessages.cancelButton) }}
 					</button>

packages/ui/src/layouts/shared/files-tab/components/modals/FileUploadZipUrlModal.vue

@@ -63,7 +63,7 @@
 		<template #actions>
 			<div class="flex w-full items-center justify-end gap-2">
 				<ButtonStyled type="outlined">
-					<button type="button" class="!border !border-surface-4" @click="hide">
+					<button type="button" @click="hide">
 						<XIcon />
 						{{
 							submitted