Show theme_name + style where there is no typography font family info.

Remove unused file.

packages/edit-site/src/components/global-styles/utils.js

@@ -85,7 +85,12 @@ export const getVariationsByProperty = ( user, variations, property ) => {
 	);
 
 	const variationsWithOnlyProperty = variations.map( ( variation ) => {
-		return filterObjectByProperty( variation, property );
+		return {
+			...filterObjectByProperty( variation, property ),
+			// Add variation title and description to every variation item.
+			title: variation?.title,
+			description: variation?.description,
+		};
 	} );
 
 	return variationsWithOnlyProperty.map( ( variation ) =>

packages/edit-site/src/components/global-styles/variations-typography.js

@@ -119,10 +119,12 @@ function TypographyVariation( { variation } ) {
 	const [ bodyFontFamilies, headingFontFamilies ] = getFontFamilies(
 		mergeBaseAndUserConfigs( base, variation )
 	);
-
-	const bodyPreviewStyle = getFamilyPreviewStyle( bodyFontFamilies );
+	const bodyPreviewStyle = bodyFontFamilies
+		? getFamilyPreviewStyle( bodyFontFamilies )
+		: {};
 	const headingPreviewStyle = {
-		...getFamilyPreviewStyle( headingFontFamilies ),
+		...( headingFontFamilies &&
+			getFamilyPreviewStyle( headingFontFamilies ) ),
 		fontSize: '1.2rem',
 	};
 
@@ -154,10 +156,10 @@ function TypographyVariation( { variation } ) {
 					} }
 				>
 					<div style={ headingPreviewStyle }>
-						{ headingFontFamilies.name }
+						{ headingFontFamilies?.name || variation?.title }
 					</div>
 					<div style={ bodyPreviewStyle }>
-						{ bodyFontFamilies.name }
+						{ bodyFontFamilies?.name || __( 'Typeset' ) }
 					</div>
 				</VStack>
 			</div>
@@ -173,10 +175,8 @@ export default function TypographyVariations() {
 	}, [] );
 
 	const { base, user } = useContext( GlobalStylesContext );
-
 	const typographyVariations =
 		variations && getVariationsByProperty( user, variations, 'typography' );
-
 	const uniqueTypographyVariations = [];
 	const uniqueTypographyNames = [];
 	const isDup = ( x, y ) => {
@@ -204,15 +204,16 @@ export default function TypographyVariations() {
 				columns={ 2 }
 				className="edit-site-global-styles-style-variations-container"
 			>
-				{ uniqueTypographyVariations &&
-					uniqueTypographyVariations.map( ( variation, index ) => {
-						return (
-							<TypographyVariation
-								key={ index }
-								variation={ variation }
-							/>
-						);
-					} ) }
+				{ typographyVariations && typographyVariations.length
+					? uniqueTypographyVariations.map( ( variation, index ) => {
+							return (
+								<TypographyVariation
+									key={ index }
+									variation={ variation }
+								/>
+							);
+					  } )
+					: null }
 			</Grid>
 		</VStack>
 	);