Update error and detail font in cash/receipt views.

Author: jaclync

WooCommerce/Classes/POS/Presentation/PointOfSaleCollectCashView.swift

@@ -57,14 +57,14 @@ struct PointOfSaleCollectCashView: View {
 
                 if let changeDue = changeDueMessage {
                     Text(changeDue)
-                        .font(.posBodyLargeRegular())
+                        .font(.posBodySmallRegular())
                         .foregroundColor(.posOnSurfaceVariantHighest)
                 }
 
                 if let errorMessage = errorMessage {
                     Text(errorMessage)
-                        .font(POSFontStyle.posBodyLargeRegular())
-                        .foregroundColor(.red)
+                        .font(POSFontStyle.posBodySmallRegular())
+                        .foregroundColor(.posError)
                         .padding(.bottom, Constants.errorMessagePadding)
                 }
 

WooCommerce/Classes/POS/Presentation/Reusable Views/POSSendReceiptView.swift

@@ -55,8 +55,8 @@ struct POSSendReceiptView: View {
 
             if let errorMessage = errorMessage {
                 Text(errorMessage)
-                    .font(POSFontStyle.posBodyLargeRegular())
-                    .foregroundColor(.red)
+                    .font(POSFontStyle.posBodySmallRegular())
+                    .foregroundColor(.posError)
                     .padding(.bottom, Constants.errorMessagePadding)
             }