react-select Adjust the font displayed

I am using the pre-build react-select library, which is a standard auto complete drop-down syle library, however i cannot find how to adjust the font. The current font is generic, and I would like to adjust it. I do not usually use a .css file, and would prefer to classify it through a prop.

For example current:

const JobPostSkillsValued = () => {
  const [selectedOption, setSelectedOption] = useState(null);
    

  return (
    <PrimaryContentContainer>
        <PayContainerDropdown>
            <Typography variant="subtitle2" marginBottom="15px"> 
                Pay typerr
            </Typography>
            <GeneralSkillsDropDownContainer>
              <Select

                closeMenuOnSelect={false}
                components={animatedComponents}
                defaultValue={[colourOptions[4], colourOptions[5]]}
                isMulti
                options={colourOptions}
                onChange={setSelectedOption}
                
              />
            </GeneralSkillsDropDownContainer>


        </PayContainerDropdown>
    </PrimaryContentContainer>
  )
}

export default JobPostSkillsValued

How would I set the font family, size etc?