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.