[WIP] Add a function to convert px to rem

Having used $baseline-unit for a while I have found that restricting ourselves to 6px increments actually break the baseline grid. Where, for example, an element has a border and the padding is set using the variable it will always sit off the vertical baseline grid.

This will need a refactor of the code base.