Repository: react-native
Issue: Border can't be applied to nested <Text> components
Labels: Needs: Triage :mag:,Newer Patch Available

### Description

I'm rendering several `Text` components wrapped inside a parent `Text` component, like so:

```tsx
<Text>
  <Text>text 1</Text>
  <Text style={{ borderWidth: 1, borderColor: 'red' }}>text 2</Text>
</Text>
```

I'm expecting "text 2" to have a red border, rendering inline along with "text 1".  However, the border is not rendered.

If I change the container from `Text` to `View`, the border renders properly.  However, there are scenarios where this is not feasible (e.g.: rendering inside a `TextInput`.

This issue was previously opened [here](https://github.com/facebook/react-native/issues/10775) and, arguably, wrongfully closed.  The reason it was marked as closed was:

> Nesting a Text component within a parent Text component is not supported.

However, the [documentation](https://reactnative.dev/docs/text#nested-text) clearly states the opposite:

> ## Nested text
> Both Android and iOS allow you to display formatted text by annotating ranges of a string with specific formatting like bold or colored text (`NSAttributedString` on iOS, `SpannableString` on Android). In practice, this is very tedious. For React Native, we decided to use web paradigm for this where you can nest text to achieve the same effect.

### Steps to reproduce

Nest one `Text` element inside another, applying a border width/color to the nested element.

```tsx
<Text>
  <Text>text 1</Text>
  <Text style={{ borderWidth: 1, borderColor: 'red' }}>text 2</Text>
</Text>
```

### React Native Version

0.74.3

### Affected Platforms

Runtime - Android, Runtime - iOS

### Output of `npx react-native info`

```text
System:
  OS: macOS 14.4.1
  CPU: (8) arm64 Apple M1
  Memory: 72.53 MB / 16.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 22.5.1
    path: /opt/homebrew/bin/node
  Yarn:
    version: 1.22.19
    path: /opt/homebrew/bin/yarn
  npm:
    version: 10.8.2
    path: /opt/homebrew/bin/npm
  Watchman: Not Found
Managers:
  CocoaPods: Not Found
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 23.5
      - iOS 17.5
      - macOS 14.5
      - tvOS 17.5
      - visionOS 1.2
      - watchOS 10.5
  Android SDK: Not Found
IDEs:
  Android Studio: 2023.1 AI-231.9392.1.2311.11330709
  Xcode:
    version: 15.4/15F31d
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 22.0.1
    path: /opt/homebrew/opt/openjdk/bin/javac
  Ruby:
    version: 3.3.3
    path: /Users/mhuggins/.rvm/rubies/ruby-3.3.3/bin/ruby
npmPackages:
  "@react-native-community/cli": Not Found
  react:
    installed: 18.2.0
    wanted: 18.2.0
  react-native:
    installed: 0.74.3
    wanted: 0.74.3
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: Not found
  newArchEnabled: Not found
iOS:
  hermesEnabled: Not found
  newArchEnabled: Not found
```
```


### Stacktrace or Logs

```text
N/A
```


### Reproducer

https://snack.expo.dev/@huggie/nested-text-border-bug

### Screenshots and Videos

_No response_