Add none to padding size tpe for controlling 0 top padding

Author: abeddow91

dotcom-rendering/src/components/Masthead/HighlightsCard.tsx

@@ -172,7 +172,11 @@ export const HighlightsCard = ({
 
 					{!isUndefined(starRating) &&
 						(isInStarRatingVariant ? (
-							<StarRating rating={starRating} size="small" />
+							<StarRating
+								rating={starRating}
+								size="small"
+								paddingSize="none"
+							/>
 						) : (
 							<div css={starWrapper}>
 								<StarRatingDeprecated

dotcom-rendering/src/components/StarRating/StarRating.tsx

@@ -76,10 +76,14 @@ const determineSize = (size: RatingSizeType) => {
 	}
 };
 
-type PaddingSizeType = 'small' | 'medium' | 'large';
+type PaddingSizeType = 'small' | 'medium' | 'large' | 'none';
 
 const determinePaddingTop = (size: PaddingSizeType) => {
 	switch (size) {
+		case 'none':
+			return css`
+				padding-top: 0;
+			`;
 		case 'small':
 			return css`
 				padding-top: ${space[1]}px;