regex101: PCRE (Legacy) Match Workspace

Regular Expression

\[\s?(ANDROID|GENERAL|IOS|INTERNAL)\s?\]\s?\[\s?(BREAKING|ADDED|CHANGED|DEPRECATED|REMOVED|FIXED|SECURITY)\s?\]\s*?-?\s*?(.*)

New

## Summary

This PR adds font variation settings feature for variable fonts in react native. The `fontVariationSettings` property provides low-level control over [variable font](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide) characteristics, by specifying the four letter axis names of the characteristics you want to vary, along with their values.

Registered axes are the most commonly encountered — common enough that the authors of the specification felt they were worth standardizing. Note that this doesn't mean that the author has to include all of these in their font.

Custom axes can be anything the font designer wants to vary in their font, for example ascender or descender heights, the size of serifs, or anything else they can imagine. Any axis can be used as long as it is given a unique 4-character axis. Some will end up becoming more common, and may even become registered over time.


**Example**

```ts
<Text
  style={{
    fontFamily: 'MaterialSymbolsSharp',
    fontVariationSettings: "'wght' 100, 'FILL' 0",
  }}>
  {String.fromCodePoint(59576)}
</Text>
```

Font characteristics set using `fontVariationSettings` will always override those set using the corresponding basic font properties, e.g. `fontWeight` regardless of the order. 

**References**

[Android Documentation](https://developer.android.com/reference/android/graphics/fonts/FontVariationAxis)
[iOS Documentation](https://developer.apple.com/documentation/coretext/kctfontvariationattribute)
[MDN Documentation](https://developer.mozilla.org/en-US/docs/Web/CSS/font-variation-settings)
[Specification](https://learn.microsoft.com/en-us/typography/opentype/spec/otvaroverview)


**Screenshots**

<table>
<tr>
<th>Paper</th>
<th>Fabric</th>
</tr>
<tr>
<td>
<img src="https://github.com/facebook/react-native/assets/24797481/161688d6-a80f-44cb-8fb8-4143ee172199" width="220px" />
</td>
<td>
<img src="https://github.com/facebook/react-native/assets/24797481/19478211-7c80-4040-90b3-c0c60d356cf7" width="220px" />
</td>
</tr>
</table>


## Changelog

[ANDROID] [ADDED] - Add fontVariationSettings support for variable font in Android 

## Test Plan

- [x] Ensure functionality on Paper (old architecture)
- [x] Ensure functionality on Fabric (new architecture)
- [x] Test custom axes for specific font families
- [x] Verify that registered axes ('wght', 'wdth', 'slnt', 'ital', 'opsz') work if supported by the font

Extraction

## Summary

This PR adds font variation settings feature for variable fonts in react native. The `fontVariationSettings` property provides low-level control over [variable font](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide) characteristics, by specifying the four letter axis names of the characteristics you want to vary, along with their values.

Registered axes are the most commonly encountered — common enough that the authors of the specification felt they were worth standardizing. Note that this doesn't mean that the author has to include all of these in their font.

Custom axes can be anything the font designer wants to vary in their font, for example ascender or descender heights, the size of serifs, or anything else they can imagine. Any axis can be used as long as it is given a unique 4-character axis. Some will end up becoming more common, and may even become registered over time.


**Example**

```ts
<Text
  style={{
    fontFamily: 'MaterialSymbolsSharp',
    fontVariationSettings: "'wght' 100, 'FILL' 0",
  }}>
  {String.fromCodePoint(59576)}
</Text>
```

Font characteristics set using `fontVariationSettings` will always override those set using the corresponding basic font properties, e.g. `fontWeight` regardless of the order. 

**References**

[Android Documentation](https://developer.android.com/reference/android/graphics/fonts/FontVariationAxis)
[iOS Documentation](https://developer.apple.com/documentation/coretext/kctfontvariationattribute)
[MDN Documentation](https://developer.mozilla.org/en-US/docs/Web/CSS/font-variation-settings)
[Specification](https://learn.microsoft.com/en-us/typography/opentype/spec/otvaroverview)


**Screenshots**

<table>
<tr>
<th>Paper</th>
<th>Fabric</th>
</tr>
<tr>
<td>
<img src="https://github.com/facebook/react-native/assets/24797481/161688d6-a80f-44cb-8fb8-4143ee172199" width="220px" />
</td>
<td>
<img src="https://github.com/facebook/react-native/assets/24797481/19478211-7c80-4040-90b3-c0c60d356cf7" width="220px" />
</td>
</tr>
</table>


## Changelog

[ANDROID] [ADDED] - Add fontVariationSettings support for variable font in Android 

## Test Plan

- [x] Ensure functionality on Paper (old architecture)
- [x] Ensure functionality on Fabric (new architecture)
- [x] Test custom axes for specific font families
- [x] Verify that registered axes ('wght', 'wdth', 'slnt', 'ital', 'opsz') work if supported by the font