How to use the @xstyled/system.getBorder function in @xstyled/system

getLineHeight('sm')({});

getFontWeight(2)({});
getFontWeight('heavy')({});

getLetterSpacing(2)({});
getLetterSpacing('sm')({});

getFontSize(2)({});
getFontSize('sm')({});

getZIndex(2)({});
getZIndex('modal')({});

getBorder(2)({});
getBorder('main')({});

getBorderWidth(2)({});
getBorderWidth('sm')({});

getBorderStyle(2)({});
getBorderStyle('selected')({});

getShadow(2)({});
getShadow('xl')({});

// Color

const Color = styled.div`
    ${color}
`;

getLineHeight(2)({});
getLineHeight('sm')({});

getFontWeight(2)({});
getFontWeight('heavy')({});

getLetterSpacing(2)({});
getLetterSpacing('sm')({});

getFontSize(2)({});
getFontSize('sm')({});

getZIndex(2)({});
getZIndex('modal')({});

getBorder(2)({});
getBorder('main')({});

getBorderWidth(2)({});
getBorderWidth('sm')({});

getBorderStyle(2)({});
getBorderStyle('selected')({});

getShadow(2)({});
getShadow('xl')({});

// Color

const Color = styled.div`
    ${color}
`;