fix(note): separate note from item so its styles will alway be applied

this was discussed with Ben previously, fixes #9173

src/components/note/note.wp.scss

@@ -0,0 +1,24 @@
+@import "../../themes/ionic.globals.wp";
+
+// Windows Note
+// --------------------------------------------------
+
+/// @prop - Text color of the note
+$note-wp-color:      $input-wp-border-color !default;
+
+
+.note-wp {
+  color: $note-wp-color;
+}
+
+
+// Generate Windows Note Colors
+// --------------------------------------------------
+
+@each $color-name, $color-base, $color-contrast in get-colors($colors-wp) {
+
+  .note-wp-#{$color-name} {
+    color: $color-base;
+  }
+
+}