Add existing styles to theme scss/css

OP timer

This feature support the following requirements

Theme is required as part of the base-build

There is an existing design system to get started with.

Write using old @import method in scss because that's what BS5 uses
Make scss modular
Where possible use atomic design principals as requested by @chrislaick
do not change the selectors from what the design system uses
prefer scss variables over css variables, they offer more options in writing sass and this project will have a static theme, so no need to access variables via the dom

[ ] I have written functional tests against the UAT test cases
[ ] I have run the functional tests and they pass
[ ] I have written integration tests on areas that may be affected by this feature
[ ] I have written integration tests under conditions which the feature should not work
[ ] I have run the Integration tests and they pass
[ ] I have added a comment to this issue with steps the reviewer needs to follow when doing QA
[ ] I have verified that the feature is ready for QA in the development environment.