fix: use text instead of primary color for Checkbox.Item label (#2429)

Author: kamui545

src/components/Checkbox/CheckboxItem.tsx

@@ -105,9 +105,7 @@ const CheckboxItem = ({
   return (
     <TouchableRipple onPress={onPress} testID={testID}>
       <View style={[styles.container, style]} pointerEvents="none">
-        <Text
-          style={[styles.label, { color: theme.colors.primary }, labelStyle]}
-        >
+        <Text style={[styles.label, { color: theme.colors.text }, labelStyle]}>
           {label}
         </Text>
         {checkbox}

src/components/__tests__/Checkbox/__snapshots__/CheckboxItem.test.js.snap

@@ -47,7 +47,7 @@ exports[`can render the Android checkbox on different platforms 1`] = `
               "fontSize": 16,
             },
             Object {
-              "color": "#6200ee",
+              "color": "#000000",
             },
             undefined,
           ],
@@ -215,7 +215,7 @@ exports[`can render the iOS checkbox on different platforms 1`] = `
               "fontSize": 16,
             },
             Object {
-              "color": "#6200ee",
+              "color": "#000000",
             },
             undefined,
           ],
@@ -349,7 +349,7 @@ exports[`renders unchecked 1`] = `
               "fontSize": 16,
             },
             Object {
-              "color": "#6200ee",
+              "color": "#000000",
             },
             undefined,
           ],