This appears to be a bug in Apple's system font San Francisco.
The International Phonetic Association designates the symbol for a voiced uvular fricative to be "Inverted small capital R",
ʁ, which is defined in Unicode as LATIN LETTER SMALL CAPITAL INVERTED R at U+0281, and since "inverted" means "flipped along the horizontal axis", it should appear as a vertically flipped version of
ʀ (U+0280) and the rendering in your first screenshot should be considered a bug. Unicode does have a code point for LATIN LETTER SMALL CAPITAL TURNED R at U+1D1A,
ᴚ, as well as LATIN LETTER SMALL CAPITAL REVERSED R at U+1D19,
ᴙ, and all these four should appear distinctly:
ʀ ʁ ᴚ ᴙ.
IPA symbols have been known to show up inaccurately in some systems. For example, Helvetica pre-installed on macOS shows
ɶ, the symbol for an open front rounded vowel, the same as
œ, which represents an open-mid front rounded vowel in the IPA, and Noto Sans used in Android used to show
χ, the symbol for a voiceless uvular fricative, the same as
x, which represents a voiceless velar fricative.