fix(content-intro): add stat number style

[proeung]

Issue

Fixes - https://jira.sdlc.merative.com/browse/MERATIVE-889

Description

Changes

• This PR adjusts the current Content Intro block to include styling for the stat number.
• Content Authors need to include this class content-intro-stat to the Section Metadata block in order for the changes to reflect correctly.

Design Specs

• Figma Link - https://www.figma.com/file/SPC6Jyf0RA8K29vTNkFXwg/Contact-us-%2B-success-message?type=design&node-id=943%3A10868&mode=design&t=EEDWQ99E5AjJyma3-1

Test URLs

• Before (Changes from main): https://main--merative2--hlxsites.hlx.page/real-world-evidence

• After (Changes from this PR): https://fix-content-intro-stat-889--merative2--proeung.hlx.page/real-world-evidence

Testing Instruction

• Visit the test pages above and scroll down to the "Overview" section.
• Ensure that the stat number renders correctly on all breakpoints.

[aem-code-sync[bot]]

Hello, I'm Franklin Bot and I will run some test suites that validate the page speed. In case there are problems, just click the checkbox below to rerun the respective action.

• [ ] Re-run PSI Checks

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/real-world-evidence

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/real-world-evidence

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/real-world-evidence

[proeung]

@sachinmesh It doesn't look to me like the specs of the "Single Stat" component listed in the DS are correct. The specs should be the same as the single stat used on the homepage (see attached), which this Content Intro block is in alignment with.

Can you update the Figma file to align with the specs we have in the code?

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/real-world-evidence

[sachinmesh]

Thats also wrong @proeung on homepage. here in our designs in final layouts we have https://www.figma.com/file/FSqQ1LYrVSssEFOZuOnMIE/Final-page-layouts-for-Merative.com?type=design&node-id=428-43582&mode=design&t=sOkcQbdTkDQdU7uE-4

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/real-world-evidence

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/real-world-evidence

[proeung]

@sachinmesh I just pushed up a commit that should keep the spacing of the "Single Stat" component consistent on both the homepage and /real-world-evidence. Can you take a look again?

Also, there's a discrepancy in our Figma final pages project where the top gradient line should be expanded for the full width similar to the component above (see attached). Let's fix this in Figma.

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/real-world-evidence

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/real-world-evidence

[anabarcelona]

Hi @sachinmesh and @proeung are you asking what the breakpoints should be for when we use a solo stat?

https://www.figma.com/file/vw24IPXXt4vCh9BNumka9A/Web--Merative-Digital-Design-System-2.0?type=design&node-id=342%3A2432&mode=design&t=Vqv9JlbHeUqIfMzg-1

Single stat in UI Elements...

[anabarcelona]

Hi @sachinmesh I reviewed this with Putra and left a comment for you in Figma. Let me know if you have any questions...