[fenix] For https://github.com/mozilla-mobile/fenix/issues/27485 - Add optional overrides for the colors in `Button` Composables

app/src/main/java/org/mozilla/fenix/compose/button/Button.kt

@@ -38,7 +38,7 @@ import org.mozilla.fenix.theme.Theme
  * @param onClick Invoked when the user clicks on the button.
  */
 @Composable
-fun Button(
+private fun Button(
     text: String,
     textColor: Color,
     backgroundColor: Color,
@@ -79,19 +79,23 @@ fun Button(
  * Primary button.
  *
  * @param text The button text to be displayed.
+ * @param textColor [Color] to apply to the button text.
+ * @param backgroundColor The background [Color] of the button.
  * @param icon Optional [Painter] used to display an [Icon] before the button text.
  * @param onClick Invoked when the user clicks on the button.
  */
 @Composable
 fun PrimaryButton(
     text: String,
+    textColor: Color = FirefoxTheme.colors.textActionPrimary,
+    backgroundColor: Color = FirefoxTheme.colors.actionPrimary,
     icon: Painter? = null,
     onClick: () -> Unit,
 ) {
     Button(
         text = text,
-        textColor = FirefoxTheme.colors.textActionPrimary,
+        textColor = textColor,
-        backgroundColor = FirefoxTheme.colors.actionPrimary,
+        backgroundColor = backgroundColor,
         icon = icon,
         tint = FirefoxTheme.colors.iconActionPrimary,
         onClick = onClick,
@@ -129,19 +133,23 @@ fun SecondaryButton(
  * Tertiary button.
  *
  * @param text The button text to be displayed.
+ * @param textColor [Color] to apply to the button text.
+ * @param backgroundColor The background [Color] of the button.
  * @param icon Optional [Painter] used to display an [Icon] before the button text.
  * @param onClick Invoked when the user clicks on the button.
  */
 @Composable
 fun TertiaryButton(
     text: String,
+    textColor: Color = FirefoxTheme.colors.textActionTertiary,
+    backgroundColor: Color = FirefoxTheme.colors.actionTertiary,
     icon: Painter? = null,
     onClick: () -> Unit,
 ) {
     Button(
         text = text,
-        textColor = FirefoxTheme.colors.textActionTertiary,
+        textColor = textColor,
-        backgroundColor = FirefoxTheme.colors.actionTertiary,
+        backgroundColor = backgroundColor,
         icon = icon,
         tint = FirefoxTheme.colors.iconActionTertiary,
         onClick = onClick,
@@ -152,19 +160,23 @@ fun TertiaryButton(
  * Destructive button.
  *
  * @param text The button text to be displayed.
+ * @param textColor [Color] to apply to the button text.
+ * @param backgroundColor The background [Color] of the button.
  * @param icon Optional [Painter] used to display an [Icon] before the button text.
  * @param onClick Invoked when the user clicks on the button.
  */
 @Composable
 fun DestructiveButton(
     text: String,
+    textColor: Color = FirefoxTheme.colors.textWarningButton,
+    backgroundColor: Color = FirefoxTheme.colors.actionSecondary,
     icon: Painter? = null,
     onClick: () -> Unit,
 ) {
     Button(
         text = text,
-        textColor = FirefoxTheme.colors.textWarningButton,
+        textColor = textColor,
-        backgroundColor = FirefoxTheme.colors.actionSecondary,
+        backgroundColor = backgroundColor,
         icon = icon,
         tint = FirefoxTheme.colors.iconWarningButton,
         onClick = onClick,