Compound Fonts (#834)

* Use CompoundFonts in DesignKit (deprecate ElementFonts).

* Use compound fonts everywhere.

* Update Authentication snapshots.

* Update RoomMembersListScreen snapshots.

Delete unused snapshots.

* Fix tests.

DesignKit/Sources/Buttons/ElementActionButtonStyle.swift

@@ -14,6 +14,7 @@
 // limitations under the License.
 //
 
+import Compound
 import DesignTokens
 import SwiftUI
 
@@ -55,7 +56,7 @@ public struct ElementActionButtonStyle: ButtonStyle {
             .padding(.vertical, verticalPadding)
             .frame(maxWidth: maxWidth)
             .foregroundColor(fontColor)
-            .font(.element.bodyBold)
+            .font(.compound.bodyLGSemibold)
             .background(Capsule()
                 .fill(color)
                 .opacity(backgroundOpacity(when: configuration.isPressed)))

DesignKit/Sources/Buttons/ElementCapsuleButtonStyle.swift

@@ -35,7 +35,7 @@ public struct ElementCapsuleButtonStyle: ButtonStyle {
         configuration.label
             .padding(7)
             .frame(maxWidth: .infinity)
-            .font(.element.headline)
+            .font(.compound.bodyLGSemibold)
             .foregroundColor(fontColor)
             .multilineTextAlignment(.center)
             .background(background)

DesignKit/Sources/Buttons/ElementGhostButtonStyle.swift

@@ -47,7 +47,7 @@ public struct ElementGhostButtonStyle: ButtonStyle {
             .padding(.vertical, verticalPadding)
             .frame(maxWidth: maxWidth)
             .foregroundColor(color)
-            .font(.element.footnoteBold)
+            .font(.compound.bodySMSemibold)
             .background(border)
             .opacity(opacity(when: configuration.isPressed))
     }