postcss.plugin('font-shortcut', () => { return css => { css.walkDecls('font', decl => { if (decl.prop === 'font') { const values = decl.value.split(' '); if (values.length > 1) { decl.parent.insertBefore(decl, { prop: 'font-family', value: `$font-family-${values[0]}` decl.parent.insertBefore(decl, { prop: 'font-weight', value: fontWeight.toString() decl.parent.insertBefore(decl, { prop: 'font-size', value: values[2] decl.remove();