Fix pill border color style, add missing pill and miscellaneous adjustments.

[juanfra]

Description

• Set the border color of the pill style variation to be currentColor to make it work well with the different style variations.
• "Banner with description and images grid": Added pill style, added margin zero from outer group.
• "Grid Videos": Added margin zero from outer group. Removed font size from pill styled element as it already comes from the variation.
  "Page coming soon": The border color was removed from the pill style, as the variation now uses currentColor.
  "Photo blog home template": The font size was removed from the pill-styled element as it already comes from the variation.

Screenshots

Screen.Recording.2024-09-12.at.14.38.40.mov

Testing Instructions

Patterns

1. Create a page and add the following patterns: Banner with description and images grid, Grid videos, page coming soon.
2. Try different style variations and confirm there's no white space between them, and the pill styles (font size and border) are looking well with the different variations.

Home template.

1. Open the site editor
2. Select the Blog home, and apply the "Photo blog home" design. Confirm the pill style font size is looking well.

[github-actions]

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: juanfra <juanfra@git.wordpress.org>
Co-authored-by: carolinan <poena@git.wordpress.org>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

[carolinan]

I have followed the testing instructions and everything seems to be working well, thank you.