style: replaced html and body stylings with Tailwind classes; worflow: removed rollup plugin esbuild and re-added rollup-plugin-terser for minification

src/styles/scss/base/_base.scss

@@ -1,4 +1,6 @@
 :root {
+	font-size: 16px;
+
 	--main-scroll: theme('colors.grayscale.300');
 	--panels-scroll: hsl(180, 2%, 17%);
 	--toast-background: hsla(240, 12%, 16%, 0.85);
@@ -42,17 +44,3 @@
 	--table-zebra: hsl(257, 61%, 10%);
 	--table-highlight: hsl(257, 66%, 27%);
 }
-
-html {
-	height: 100vh;
-}
-
-body {
-	margin: 0px;
-	width: 100%;
-	height: 100%;
-	font-family: 'Open Sans', 'sans-serif';
-	overflow: hidden;
-	background: var(--main-background);
-	color: var(--foreground);
-}

src/styles/scss/base/_normalize.scss

@@ -1,11 +1,7 @@
 * {
+	box-sizing: border-box;
 	margin: 0;
 	padding: 0;
-	box-sizing: border-box;
-}
-
-:root {
-	font-size: 16px;
 }
 
 table,
@@ -17,11 +13,11 @@ tr,
 th,
 td {
 	margin: 0;
-	padding: 0;
 	border: 0;
-	font-size: 100%;
-	font: inherit;
+	padding: 0;
 	vertical-align: baseline;
+	font: inherit;
+	font-size: 100%;
 }
 
 table {
@@ -34,7 +30,7 @@ button,
 [type='button'],
 [type='reset'],
 [type='submit'] {
-	-webkit-appearance: button;
+	appearance: button;
 }
 
 input[type='text'],
@@ -43,7 +39,6 @@ input[type='number'],
 input[type='search'],
 input[type='checkbox'],
 select {
-	-webkit-appearance: none;
 	appearance: none;
 }
 

src/styles/scss/globals/_tables.scss

@@ -14,12 +14,12 @@ $table-border-radius: 3px;
 	}
 
 	tr {
-		background: var(--table-bg);
 		transition: background-color 175ms ease-in-out;
+		background: var(--table-bg);
 
 		&:nth-child(even) {
-			background: var(--table-zebra);
 			transition: background-color 175ms ease-in-out;
+			background: var(--table-zebra);
 		}
 
 		&:not(:last-child) {
@@ -40,9 +40,9 @@ $table-border-radius: 3px;
 		.sort-asc,
 		.sort-desc {
 			&::after {
-				font-size: 0.7em;
 				padding-left: 3px;
 				line-height: 0.7em;
+				font-size: 0.7em;
 			}
 		}
 
@@ -114,8 +114,8 @@ $table-border-radius: 3px;
 		}
 
 		th {
-			height: 45px;
 			padding: $vertical-separator 10px;
+			height: 45px;
 
 			&:first-child {
 				padding: $vertical-separator 10px $vertical-separator 20px;

src/styles/scss/tabs/_settings-tab.scss

@@ -21,10 +21,7 @@
 		width: 33%;
 
 		&--only-checkbox {
-			display: flex;
-			flex-direction: column;
-			align-items: start;
-			justify-content: center;
+			@apply flex flex-col items-start justify-center;
 		}
 	}